chartist
chartist copied to clipboard
chartist-js
Plugin Ideas
Post your plugin Ideas as comments and we will add them to the wish list:
Wish list:
- Bands plugin that allows you to create a band between one or more series couples, #322
- Masking plugin that allows you to clone / use shapes of the chart as mask for other shapes on the chart
- Interactive Story plugin that allows you to define stories / timelines that will configure proper animation sequences on your chart
- Gauge plugin that enriches a donut chart with more gauge features like a pointer, ticks, active slice class etc. #305
• Stacked line/area chart, see http://jsbin.com/suquco/1/edit?html,js,console,output for example. The values of the series are added up ( in this example they are all added up to 100). • Stepped interpolation, see same example.
Great to see the stepped interpolation has worked out. Now I still would like to make it a stacked area chart. I tried it with the data event, as in #317 , but I can't get it to work, as it is always a combination with masking. Imagine a series of percentages (which always add up to 100%):
[90,50,10],[10,50,90]
If it is a stacked area chart , the second series should be drawn 'on top' of the first. So the first thing to do is add the values at each step. This newly calculated series [100,100,100] should then be masked by the values of the first series, because I would like both areas to have the normal CSS properties like opacity. See http://jsbin.com/suquco/2/ for an example. Imagine an option "stackArea: true". The first line/area will always have an area starting at 0, and each next series will then have a mask of the previous series.
I've also been thinking about the Masking plugin, not necessarily in a stacked area kind of way. You were so kind to give me a hand there with this bin: http://jsbin.com/yahuzun/4/edit?css,js,output But I find it difficult to make it useful. See the data:
series: [
[7.2, 6.8, 6.2, 5, 7, 8, 10, 15, 20, 18, 17, 14],
[6, 5, 3, 2.3, 3, 4, 5, 5, 6, 4, 6, 4],
[7, 6, 4, 4.3, 3.5, 5.4, 6, 8, 7, 9, 12, 10],
[6.5, 5.3, 3.1, 4, 3.1, 4.8, 5.2, 7, 6.3, 8.4, 10.5, 8.3]
]
In the example, the first series is masked by the second, but there is no direct way to see that in the data. Couldn't we use something like
series: [
[
[ 6 , 7.2 ] , [ 5 , 6.8 ], [ 3 , 6.2 ] , [ 2.3 , 5 ] , [ 3 , 7 ] , [ 4 , 8 ], [ 5 , 10 ] , [ 5 , 15 ] , [ 6 , 20 ] , [ 4 , 18 ] , [ 6 , 17 ] , [ 4 , 14 ]
],
[7, 6, 4, 4.3, 3.5, 5.4, 6, 8, 7, 9, 12, 10],
[6.5, 5.3, 3.1, 4, 3.1, 4.8, 5.2, 7, 6.3, 8.4, 10.5, 8.3]
]
, where the first series is a combo of two Y-points, and will then always be converted to a masked area?
If we were to extend that line of thought to my other post above, that series would then be written as:
[
[ 0 , 90 ] , [ 0 , 50 ] , [ 0 , 10 ]
],[
[ 90 , 100 ] , [ 50 , 100 ] , [ 10 , 100 ]
]
leaving the possibility to add other lines into the same chart.
My vote for adding legends and tooltip (hover) support.
Not sure if they're more suitable as plugins or core, but I get the impression that you (gionkunz) thinks they're better as plugins, right?
Stacking the line/area chart would be such a great feature. What are your plans on implementing this? Do you plan it leave it as a plugin or incorporate it into the core features?
Hello @gionkunz, I was wondering about the X axis scroll (issue: #785 ). Can you share your thought/idea on implementing X axis scroll? Thanks.
A linear gauge with a marker, similar to the donut gauge, would be fantastic. It would be even better if the ranges on the gauge could be custom colored.
