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