Is it possible to have a stacked area chart with drilldown? I want to drilldown to another series on clicking on an area. Any simple example would be highly appreciated.
JS FIDDLE: http://jsfiddle.net/UKC83/1/
Here is how I have implemented drilldown in stacked area chart:
JS FIDDLE: http://jsfiddle.net/UKC83/2/
Related
Is it possible to make a pie chart like in the image below using highcharts (highcharts.com)?
The 2nd level is filled partially.
Example in jsfiddle would be great.
Thanks for advice.
I am generating Highcharts column charts with many columns. The chart is very wide, necessitating scrolling (via the CSS overflow option on the Highcharts div). Is there a way for the Y axis to always be visible, even when one has scrolled to the right? I am aware that Highstock has an option for a scrollbar, but I'm only using Highcharts. Is there anything comparable there?
Thanks in advance.
You can enable scrollbar in highcharts including highstock.js. but using highcharts. see example: http://jsfiddle.net/xVyLr/
xAxis: {
max:5
},
scrollbar: {
enabled:true
},
I want to draw bar to pie chart with Highcharts like this
is it possible !?
I have a Highcharts 3.0 chart that shows both a column chart and a pie (donut) chart. This combo chart was rendering fine with the previous version of Highcharts.
Since upgrading the donut chart only renders to the highest y axis line and does not render above that line. The pie (donut) chart used to render completely with the top half of the pie (donut) chart being to the right of the chart title.
Any ideas?
I have added a jsfiddle with a small modification to the Highcharts provided combination chart (http://www.highcharts.com/demo/combo) to show the issue.
The only line I changed is where to center the pie chart.
center: [300, 1],
http://jsfiddle.net/Sh7wY/
The pie chart is cutted, because is our of plotArea, where chart can be created. So you can modify pie size http://api.highcharts.com/highcharts#plotOptions.pie.size to make chart smaller or modify center parameter.
You have to change this line :
center: [300, 1],
by this one
center: [300, 100],
The second parameter is equivalent to the style 'top' of your chart
highslide-software fixed the regression with pies being clipped to the plot area by default. They also provided a workaround which is working.
See https://github.com/highslide-software/highcharts.com/issues/1647.
My goal is to have an arearange chart with bolded only top "border" with additional markers just on hover. I was trying to achieve with just one arearange graph, but I think it is not possible with arearange chart (linewidth works for both bottom and top border, and I am not able to show marker at all...). I have decided to go on with additional spline chart that would exactly overlap the top border of arearange chart. I have provided the working example in here:
in jsfiddle go to check: /ZvZDZ
As you can see on the top of the chart, spline graph does not exactly over lap the arearange chart, although data is this same.
Is there a way to fix that, so those both graphs would overlap
maybe there is a way to use just arearange chart without spline chart?
any help would be appreciated
I think you should use or:
line series and arearange
spline series and areasplinerange
Just mixes spline and arearange will provide example you can see. Unfortunately using only one arearange series is not possible - markers are disabled.
Example: http://jsfiddle.net/ZvZDZ/2/
Code:
series: [{
type: 'areasplinerange',
name: 'areasplinerange',
data: areaData,
marker: {
enabled: true
}
}, {
type: 'spline',
name: 'spline',
data: splineData
}]