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

Colorize yAxis labels and chart lines in HighchartTable

本文关键字：标签 HighchartTable 中的      更新时间：2023-09-26

我开始使用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

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

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

请参阅此处的工作小提琴。

相关文章：