Hello Per,
First of all, I would like to thank you for developing this extension. It is nicely integrated with TabelPress tables.
I encountered two problems while using the Chartist extension.
1) For some of my data, labels for the vertical axis will be un-rounded numbers.
Please take a look at the chart here.
2) Bars in the bar charts are overlapping, and changing the distance in the css does not help the problem.
Please take a look at the chart here.
https://www.ads-software.com/plugins/tablepress/
I would really appreciate your help, as the charts will make our website so much nicer!!
Thanks a lot!
]]>Are there sample table anywhere to know how the data should look in a table?
On the chartist site they have a perfect tabel model, that would work for me… it’s the EXTREME RESPONSIVE CONFIGURATION
Here: https://gionkunz.github.io/chartist-js/examples.html
The code for it is below, no ideas or example how it translates to a table then?
new Chartist.Bar('.ct-chart', {
labels: ['Quarter 1', 'Quarter 2', 'Quarter 3', 'Quarter 4'],
series: [
[5, 4, 3, 7],
[3, 2, 9, 5],
[1, 5, 8, 4],
[2, 3, 4, 6],
[4, 1, 2, 1]
]
}, {
// Default mobile configuration
stackBars: true,
axisX: {
labelInterpolationFnc: function(value) {
return value.split(/\s+/).map(function(word) {
return word[0];
}).join('');
}
},
axisY: {
offset: 20
}
}, [
// Options override for media > 400px
['screen and (min-width: 400px)', {
reverseData: true,
horizontalBars: true,
axisX: {
labelInterpolationFnc: Chartist.noop
},
axisY: {
offset: 60
}
}],
// Options override for media > 800px
['screen and (min-width: 800px)', {
stackBars: false,
seriesBarDistance: 10
}],
// Options override for media > 1000px
['screen and (min-width: 1000px)', {
reverseData: false,
horizontalBars: false,
seriesBarDistance: 15
}]
]);
]]>
how to make it a horizontal bar chart?
]]>Thank you a lot for the that magnificent Plugin ??
but I need to know “urgently”.. How to view chart for a specific column, not all table data?!
thanks in advance
]]>Hello
I have downloaded the responsive table extension and the instructions state that I should change the table shortcode for example [table id=123 responsive=”all” /] which makes sense. How and where do I do this as the table shortcode ID seems to be fixed and accent be changed?
Thanks,
Brendan
How can I specify the colours for the lines on a Chart please?
TablePress: Chartist
Hello,
I recently install this extension, and it works fine with line charts but i need to create a pie chart and the labels only shows the first letter of the word, for example, the first column is Donation but in the chart show like D.
This only ocurrs for the pie chart, I debugged the chartlist.js and the labels are correct in the array
What could be happening?
Please help
Thanks!
Hey there
tnx for making this little helper ??
Since this is just beginning of i hope really nice plugin, i wonder if there is option to work with tablepress shortcode automatic [ meaning did u talk with Tobias to add some kind of shortcode so in case we got this plugin enabled we got automatic chart under / above table? ]
Or can u add little ‘button’ with shortcodes available for use [ default shortcode, pie, chart etc ]
Please use https://github.com/soderlind/tablepress_chartist/issues
]]>