JS Highcharts表 - 如何设置类别名称

时间:2017-11-27 22:32:43

标签: javascript highcharts

请检查这个小提琴 - http://jsfiddle.net/kumar4215/kfyajdjq/

我使用类似的表结构,显示信息,任何人都可以帮助我如何设置标签名称几个月。

此处的示例代码 -

/**
 * Create the chart
 */
window.chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        events: {
            load: Highcharts.drawTable
        },
        borderWidth: 2
    },

    title: {
        text: 'Average monthly temperatures'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        title: {
        text:'month'
        }
    },

    yAxis: {
        title: {
            text: 'Temperature (°C)'
        }
    },

    legend: {
        y: -300
    },

    series: [{
         name: 'City',
         data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
      }]
});

感谢。

1 个答案:

答案 0 :(得分:1)

这是我做的小提琴 - http://jsfiddle.net/prashu421/7zck9f1g/

将JS的以下部分添加到您的代码中,您应该好好去 -

    renderer.text(
        "Month", 
        cellLeft + cellPadding, 
        tableTop + (1) * rowHeight - cellPadding
    )
    .css({
        fontWeight: 'bold'
    })       
    .add();