Set Highcharts column chart in a middle of yAxis? - javascript

i have Highcharts chart and i want to add column chart in a middle of yAxis, like that:
Is any way to do that using highcharts?

Related

Highcharts: How to combine Column Range and Line Chart?

I basically want to just combine these two charts:
1) Column range: https://www.highcharts.com/demo/columnrange
2) Basic line: https://www.highcharts.com/demo/line-basic
Is this possible, considering that the first chart has a categorical Y-Axis?
I don't need to use categories, I only want the Y-Axis of the line chart. And the lines would be overlaid on top of the horizontal bars.
So both charts would be using the X-Axis time series, but only the line chart would be using the Y-Axis numbers.
You can link both charts into one but you need to remember, that the columnrange chart is inverted and if you want to display line chart exactly like in this example (https://www.highcharts.com/demo/line-basic), you need to swap x values with y values of line series and both axis should have the same scale.
API Reference:
http://api.highcharts.com/highcharts/chart.inverted
Examples:
http://jsfiddle.net/jmmsyv9w/ - not inverted
http://jsfiddle.net/8unrzm1j/ - inverted

Highchart Absolute Percentage Stacked Area

I have 10 series in one chart and using the Percentage Stacked Area chart type in Highchart, I can get the percentage distribution for each series.
However, when I deselect one series from the legend, it recalculate the percentage by only the active series. How do I tell Highchart to use the original total series instead of the active ones only?
You can set chart.ignoreHiddenSeries to false, see: http://jsfiddle.net/quthyjta/
API: http://api.highcharts.com/highcharts#chart.ignoreHiddenSeries

Highcharts pie chart dynamically changes size

I am having an issue with a pie chart I created in highcharts.
Depending on the placement of the data labels the actual chart will grow or shrink.
We need the pie chart to stay the same size so is there a way to keep the pie size constant and force the labels to fit around it or do I just have to place the labels inside each slice?
You will have to set a fixed size for the pie chart. Can be a percentage or a pixel value. For example:
plotOptions: {
pie: {
size: 100
}
},
See this fiddle from the API http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/pie-size/

X-Axis Lines(Strokes) are not visible in the Highcharts Linecharts

X-Axis Lines(Strokes) are not visisble in the linecharts highchart..how to get it ..the chart looks like this..can any one help.
gridLineWidth=1, along with y-axis properties..

hide a particular column on xAxis highchart Column Chart

How can i hide/show a praticular column in the Column Chart of Highcharts api.
i have a single series. The column to be hidden lies on the xaxis.
For sine Chart, chart.series[4].hide() /show() works fine
and for Pie Chart, chart.series[0].data[0].setVisible(false);
works fine. But i am not able to figure out the solution for Column Chart. Please Help!
You can use Element.hide() and Element.show(), so for example:
var chart = $("#container").highcharts();
chart.series[0].data[0].graphic.hide();
chart.series[0].data[0].dataLabel.hide();

Categories