I found an error in my shortcode:
[wpbusinessintelligence id=”2″ type=”chart” iframe=”n” ]Pushups[/[wpbusinessintelligence]. I corrected this to:
[wpbusinessintelligence id=”2″ type=”chart” iframe=”n” ]Pushups[/wpbusinessintelligence]. I don’t get the error, but it does not render in the post even though it does in the edit/test section.
Do you see any error in the JS console of your browser? (ctrl+shift+I) on Chrome/Firefox.
Any other error in the log file apart from the warning?
thanks
Another thing, which type of chart is that? (line, bar, pie?)
“ReferenceError: jQuery is not defined”
it seems that the WP install has some issues since it’s not able to find jQuery.
This seems the output of the network tab (Firefox). Any chance to look at the JS console? It should also point to the file that is causing issues.
Would you be able to roll-back to 1.2 just to check that the issue is from the update and not from something else?
This is from the Console with just JS:
ReferenceError: jQuery is not defined
I have just gone out to a hosted live site and installed 1.2.1 and it works out there. My InstantWP install may be the issue. I will investigate further.
You may mark it as resolved if you wish.
OK thanks Bob, good luck with your investigation.
cheers,
I may have a related issue. I can see a simple test bar chart in the admin area. Nothing renders in a post.
I can see with Chrome dev that the div entry for the chart is generated
When I use Chrome dev to inspect javascript I see Syntax Error “Unexpected number” error at line 101. It appears to be that the value for label is not surrounded by quotes.
“values”: [ { “label” : “”, “value” : 2014-04-15 11:25:12, “color” : “#2d12c1”}, { “label” : “”, “value” : 2014-04-15 13:12:45, “color” : “#2d12c1”} ],
“color”: “#2d12c1”,
Here’s the entry:
http://lei.risk-management-and-compliance.org/?p=6
Thanks in advance for any guidance
Steve
P.S.
Here’s the JS that is generated by the Plugin ….
<div id=”ph_Pie_Chart_Test”>
<svg></svg>
</div>
jQuery(document).ready(function() {
var nvd3Data_ph_Pie_Chart_Test = [ {
“key”: “user_registered”,
“values”: [ { “label” : “”, “value” : 2014-04-15 11:25:12, “color” : “#2d12c1”}, { “label” : “”, “value” : 2014-04-15 13:12:45, “color” : “#2d12c1”} ],
“color”: “#2d12c1”,
“type”: “1”,
“name”: “Pie_Chart_Test”
} , {
“key”: “user_status”,
“values”: [ { “label” : “”, “value” : 0, “color” : “#190190”}, { “label” : “”, “value” : 0, “color” : “#190190”} ],
“color”: “#190190”,
“type”: “1”,
“name”: “Pie_Chart_Test”
} , {
“key”: “display_name”,
“values”: [ { “label” : “”, “value” : Evengers, “color” : “#c31c21”}, { “label” : “”, “value” : LEI Admin LEI Admin, “color” : “#c31c21”} ],
“color”: “#c31c21”,
“type”: “1”,
“name”: “Pie_Chart_Test”
} ];</p>
<p> nv.addGraph(function() {
var chart = nv.models.discreteBarChart()
.x(function(d) { return d.label })
.y(function(d) { return d.value })
.staggerLabels( true )
.tooltips( true )
.showValues( true )
.valueFormat(d3.format(‘.1f’));</p>
<p> chart.yAxis
.tickFormat(d3.format(‘.1f’));</p>
<p> d3.select(‘#ph_Pie_Chart_Test svg’)
.datum(nvd3Data_ph_Pie_Chart_Test)
.transition().duration(500)
.call(chart);</p>
<p> nv.utils.windowResize(chart.update);</p>
<p> d3.selectAll(‘.nv-bar’).attr(‘class’, ‘ph_Pie_Chart_TestClass’);</p>
<p> return chart;
});
});</p>
<p>
It looks like the values selected make no sense. You should have a single column selected as “value” and another as “label”. In your dataset I see several values from zeros to dates. This makes no sense for a pie chart. You should have one data serie with numerical values (the pie slices) and another with the text labels.
Hi Claudio et al. I have the same problem with the Lite version v1.5 on WP4.0 on W7 using the DesktopServer XAMPLite stack, namely that a (pie) chart will not render on a page when using a short-code. I also get the jQuery error in the console when viewing the page. As per a previous poster, the pie chart displays just fine in the admin section.
I used the Chrome browser “inspect element” on the offending page and it seems that in the <head> section there is a slash (/) missing between the domain and the sub-folder wp-includes:
<script type=”text/javascript” src=”http://referral.devwp-includes/js/jquery/jquery.js?ver=1.11.0″></script>
My test domain in this example is referral.dev
There are plenty of script references that are well formed (mainly to sub-folder /wp-content) but both the ones under /wp-includes appear to be missing the ‘/’ folder separator.
Hope that helps and please let me know if this means there is a fix in the pipeline 🙂 Thanks.
Hello Ardibee,
wp-includes is a WP folder that has nothing to do with plugins, so the missing slash is not coming from WPBI.
The wrong URL for jQuery can for sure interfere with displaying the chart, but I am afraid that this could come from some other plugin or theme.
Please try to see if you have the same malformed url in a blank page created from scratch. These would exclude any issue with WPBI.
cheers,
C.
Hi Claudio,
I see your point but I just checked all the other pages on this site, created the same way and only the page with the WPBI plug in throws this error… I even tried changing themes to 2014 to see if it was Responsive. Same problem. I deactivated every plugin except WPBI, same problem.
I checked the console again. The problem appears to stem from file view.php, which contains include_once(‘includes.php’). Please could you take another look?
Thanks.
OK I see,
I’ll have a look
