如何隐藏highchart x轴数据值
我正在使用highchart.js
绘制条形图
我不想显示x轴数据值。
任何人可以告诉我哪个选项吗?
完整configuration:
var chart = new Highcharts.Chart({ chart: { renderTo: container, defaultSeriesType: 'bar' }, title: { text: null }, subtitle: { text: null }, xAxis: { categories: [''], title: { text: null }, labels: {enabled:true,y : 20, rotation: -45, align: 'right' } }, yAxis: { min: 0, gridLineWidth: 0, title: { text: '', align: 'high' } }, tooltip: { formatter: function () { return ''; } }, plotOptions: { bar: { dataLabels: { enabled: true }, pointWidth: 35, color: '#D9CDC1' } }, legend: { enabled: false }, credits: { enabled: false }, series: [{ name: 'Year 1800', data: [107] }] });
在HighCharts中,条形图使用的是反转轴,所以底部轴线实际上是Y轴。 (也可以参考graphics旋转90度的“列”图,在这种情况下底部轴是X轴。)
您需要将以下内容添加到yAxisconfiguration中
labels: { enabled: false }
完整示例请参阅以下内容: http : //jsfiddle.net/k5yBj/433/
要在X轴上隐藏标签,请设置选项labels: {enabled:false}
如下所示:
..... ........ , xAxis: { categories: [''], title: { text: null }, labels: { enabled:false,//default is true y : 20, rotation: -45, align: 'right' } } ..... ....
要在y轴上隐藏标签,请设置选项labels: {enabled:false}
如下所示:
..... ....... , yAxis: { min: 0, gridLineWidth: 0, title: { text: '', align: 'high' }, labels:{ enabled:false//default is true } }, ......... ......
请参阅文档以进一步了解。
如果隐藏x的数据,然后看看这个https://jsfiddle.net/anrilafosel/3g4z5kc3/
chart.xAxis[0].setCategories(newCategories); for (i = 0; i < chart.series.length; i++) { var newData = []; for (j = 0; j < toggler_hc13.length; j++) if (toggler_hc13[j] === 1) newData.push(series_hc13[i].data[j]); chart.series[i].setData(newData); }