Highcharttable.js日期格式x轴

时间:2017-11-20 15:45:06

标签: javascript highcharts highcharttable

我正在使用highchartTable来创建我的图表。我正在使用日期在highchartTable上提供x轴,这就是它当前显示的方式

enter image description here

我想以这样一种方式格式化x轴,即它只显示“月份年”,然后是“年”'年份。当结果集变大时。

有人建议我这样做:

$('#hidden-highchart-table').bind('highchartTable.beforeRender', function (event, highChartConfig) {
            highChartConfig.xAxis.type = 'datetime',
            highChartConfig.xAxis.dateTimeLabelFormats = { month: '%b \'%y',year: '%Y'}     
     }).highchartTable();  

但这仍然不起作用。

1 个答案:

答案 0 :(得分:1)

不是通过highChartConfig对象设置轴的类型,而是在表标记中使用data-graph-xaxis-type属性。看一下下面的例子。

例:
http://jsfiddle.net/m8h5oo76/