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();
Related
I'm trying to adapt this code (amCharts 5 Gantt Chart) to my project and want to hide the x-axis labels on this amCharts 5 gannt chart. Any thoughts on how to achieve this?
From their demo code, just before the following...
chart.appear(1000, 100);
Add the following...
xAxis.hide();
If that doesn't work for you, perhaps do it after the chart is shown (chart.appear(1000, 100);)?
More information: https://www.amcharts.com/docs/v5/reference/axislabel/#hide_method
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
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?
I have a page which includes a pie graph and a column graph using highcharts.
Very similiar to this example here,
http://jsfiddle.net/highcharts/Vf3yT/
The issue I'm having which can be seen in the example aswell, is
If I click on an item in the column graph to drilldown, I get "Back to Overview", I click it, and it takes me back no problem.
However, its when you try to drill down two graphs at the same time I get an issue. If I click on at item in column graph and then in the pie graph, and try to drill back up on column, it thinks the column graph has drilled down twice. and If I drill up twice on the column graph, I am then unable to drill up on the pie graph.
The graphs are rendered in different divs, using different options like so
optionsColumn.chart.renderTo = 'graph';
optionsColumn.chart.type = 'column';
var chart1 = new Highcharts.Chart(optionsColumn);
optionsPie.chart.renderTo = 'graphPie';
optionsPie.chart.type = 'pie';
var chart2 = new Highcharts.Chart(optionsPie);
The issue also exists in the example and I have been unsuccessful in finding a fix for this.
It's a bug in version from jsfiddle, it's already fixed on master branch, see: http://jsfiddle.net/Vf3yT/354/
<script src="http://github.highcharts.com/highcharts.js"></script>
<script src="http://github.highcharts.com/modules/drilldown.src.js"></script>
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..