Error "There was an error loading the data: csv"

Hi,

Looks like the plugin tries to load a remote csv file. Did you enter a # before the id in the csv attribute of the chart?

I can verify this if you set the debug attribute of the chart to ‘true’ and post the console log.

Thanks for quick reply.

I enabled debug and now I am getting these details in Console:

CLIENT:
	user-agent: mozilla/5.0 (x11; linux i686) applewebkit/537.31 (khtml, like gecko) chrome/26.0.1410.63 safari/537.31
	touch device: false
	SVG support: true
	screen width/height: 1600px/900px

PLUGIN:
	IPU-Chart, Version 0.4

CALL RENDER CHART:
	id: chart907205
	csv: csv
	type: bar
	category: name
	value: value
	format: %s,%f
	color: auto
	style: width:100%;height:300px;
	title: Set a title
	description: Set a description
	sort: none
	interpolate: linear
	animate: none
	img:
	debug: true

There was an error loading the data: [object XMLHttpRequest]

Here is the code I pasted on the page:

[csv id="data"]
Country,Population
China,1343.24
India,1205.07
USA,313.85
Indonesia,248.22
Brazil,205.72
[/csv]

[chart csv="#data"
       type="bar"
       category="Country"
       value="Population"
       format="string,float"
       color="auto"
       title="Top five most populous countries of the world..."
       description="The top five most populous countries of the world..."
       sort="Population"
       animate="medium"
       img="https://www.ipublia.com/wp-content/uploads/chart-x1.png"
       debug="true"]

I got it working.
the chart shortcode content should be in one line. So I write this code in page content area:

[csv id="data1"]
Country,Population
China,1343.24
India,1205.07
USA,313.85
Indonesia,248.22
Brazil,205.72
[/csv]

[chart csv="#data1" type="bar" category="Country" value="Population" format="string,float" color="auto" title="Top five most populous countries of the world..." description="The top five most populous countries of the world..." sort="Population" animate="medium" img="https://www.ipublia.com/wp-content/uploads/chart-x1.png" debug="true"]

And the chart is working.

I think you need to update your example shortcode.

Thanks!

The linefeeds in the documentation are for legibility. Please enter the data like this:

[csv id='data']Country,Population
China,1343.24
India,1205.07
USA,313.85
Indonesia,248.22
Brazil,205.72[/csv]

And remove the linefeeds between the attributes like:

[chart csv="#data" type="bar" category="Country" ...]

Don’t forget the # to reference the csv data (from the log it seems that it is missing). It indicates that the data is local (vs remote by url).

Yes, I’ll clarify this. I voted for legibility of the code… but it’s confusing.

Thanks for the helpful feedback! Hope you enjoy the plugin.