为 HighchartTable 中的 yAxis 标签和图表线着色

Question

我开始使用 HighchartTable，在尝试自定义颜色和样式时，我似乎无法弄清楚如何更改 yAxis（左）标签或运行通过图形。这是我目前所拥有的...

$(document).ready(function() 
{
    $('table.highchart').bind('highchartTable.beforeRender', function(event, highChartConfig) 
    {
        highChartConfig.chart.backgroundColor = '#191919';
        highChartConfig.chart.borderWidth = '1';
        highChartConfig.chart.borderColor = '#000000';
        highChartConfig.chart.borderRadius = '8';
        highChartConfig.chart.style = { "fontFamily": "Arial" };
        highChartConfig.title.style = { "color": "#CCCCCC" };
        highChartConfig.tooltip.style = { "color": "#000000" };
        highChartConfig.tooltip.backgroundColor = '#CCCCCC';
        highChartConfig.tooltip.borderWidth = '1';
        highChartConfig.tooltip.borderColor = '#000000';
        highChartConfig.tooltip.borderRadius = '8';
        highChartConfig.xAxis.labels.style = { "color": "#CCCCCC" };
    }).highchartTable();
});

这是当前的 JSFiddle：http://jsfiddle.net/Manvaril/cx1x1qpj

Answer 1

您必须为每个 yAxis 设置样式，因为可能存在 multiple 个：

for (var i = 0; i < highChartConfig.yAxis.length; i++) {
    highChartConfig.yAxis[i].labels.style = { "color": "#CCCCCC" };
}

See working fiddle here.

为 HighchartTable 中的 yAxis 标签和图表线着色

Colorize yAxis labels and chart lines in HighchartTable

javascript

jquery

highcharts