how to remove the base line on the yaxis of highcharts? -
i need remove following encircled parts highcharts chart, 1 base line on y axis , other values label on x axis. i've tried several things mentioned in api haven't been able achieve yet.
fiddle http://jsfiddle.net/ftaran/jbhdm/
$(function () { $('#container').highcharts({ chart: { type: 'bar' }, title: { text: null }, xaxis: { labels: { enabled: false } }, yaxis: { labels: { enabled: false }, tickwidth: 0, gridlinewidth: 0, labels: { enabled: false }, "startontick": true }, tooltip: { formatter: function () { return '<b>' + this.series.name + ':</b> ' + this.y + '<br/>' + this.percentage.tofixed(2) + '%'; } }, legend: { enabled: false }, plotoptions: { series: { stacking: 'normal' } }, series: [{ name: 'fail', color: 'red', data: [5] }, { name: 'success', color: 'green', data: [2] }] }); });
to rid of lines, have add these xaxis
config:
linewidth: 0, tickwidth: 0
and rid of "values" text, add yaxis
config:
title: null
here final configs , link fiddle:
xaxis: { linewidth: 0, tickwidth: 0, labels: { enabled: false } }, yaxis: { labels: { enabled: false }, gridlinewidth: 0, title: null, "startontick": true }
highcharts can confusing because axis xaxis
or yaxis
can not intuitive. hope helps!
Comments
Post a Comment