使用JSON的Highcharts - 邊框和標籤顏色

我在JSON格式中使用Highcharts。語法如下：使用JSON的Highcharts - 邊框和標籤顏色

var neutral_color = '#c4c4c4', 
    medium_grey = '#929292'; 

lineChartJSON['chart']['plotBorderColor'] = medium_grey; 
lineChartJSON['chart']['plotBorderWidth'] = 1; 
lineChartJSON['chart']['zoomType'] = 'xy'; 

lineChartJSON['yAxis']['gridLineColor'] = medium_grey; 
lineChartJSON['yAxis']['gridLineWidth'] = 1; 
lineChartJSON['yAxis']['labels'] = { style: { color: neutral_color} }; 

lineChartJSON['xAxis']['lineColor'] = medium_grey; 
lineChartJSON['xAxis']['lineWidth'] = 1; 
lineChartJSON['xAxis']['tickColor'] = medium_grey; 
lineChartJSON['xAxis']['labels']['style'] = { color: neutral_color }; 
lineChartJSON['xAxis']['title']['style'] = { color: neutral_color };

我試圖讓列周圍的邊框樣式爲null或與背景顏色相同的顏色。現在他們是默認的白色。對於xAxis和yAxis標籤，我也想控制這種顏色。他們現在都默認＃666。

該文檔指的是不同的數據格式，所以我在黑暗中探索這種方式。雖然lineChartJSON['yAxis']['labels'] = { style: { color: neutral_color} };不起作用，但它也不會給我一個控制檯錯誤，而這種格式的確如此：lineChartJSON['yAxis']['labels']['style'] = { color: neutral_color};。錯誤是這個元素沒有被定義。

備案，'lineColor和tickColor工作。

任何優秀的指南或指針用於解釋JSON與JS的Highcharts數組語法？

來源

2017-02-02 J. Hogue

你可以參考這個例子[這裏]（http://jsfiddle.net/j0Lepver/）？我使用了你分享的代碼，它的工作原理 - 你可以調整它來顯示問題嗎？ – morganfree

我明白了，我也看到xAxis具有相同的「標籤」選項。 http://api.highcharts.com/highcharts/xAxis.labels那麼爲什麼當我複製你的代碼並將'yAxis'改爲'xAxis'時，小提琴停止了渲染？我原本試圖讓兩個標籤的軸是相同的顏色。 –

由於xAxis對象不存在，並且您試圖訪問未定義的屬性 - 要訪問對象的屬性 - 必須初始化該對象。 http://jsfiddle.net/j0Lepver/1/ – morganfree

呃...所以我最終使用CSS來設計我無法弄清楚如何通過API訪問的部分。我不得不使用很多!important聲明，因爲Highcharts對SVG元素提供瞭如此多的內聯，但它讓我想到了我想去的地方。

來源

2017-02-02 21:39:53

使用JSON的Highcharts - 邊框和標籤顏色

回答

相關問題