更改高亮欄的柱狀圖顏色

-1

如何更改高圖表中兩個類別的顏色？下面是我的代碼：更改高亮欄的柱狀圖顏色

exec_dashboard_load_graph(
    'exec_dashboard_collection_disbursement_graph', 
    response, 
    ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']      
); 

function exec_dashboard_load_graph(id,data, x){ 
    var myChart = Highcharts.chart(id, { 
     chart: {type: 'column'}, 
     title: {text: 'Annual Collection and Disbursement Summary'}, 
     subtitle:{text: 'City Goverment of Butuan'}, 
     xAxis: {categories: x,crosshair: true}, 
     yAxis: {min: 0,title: {text: 'Amount (Peso Value)'}}, 
     tooltip:{ 
      headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
     '<td style="padding:0"><b> {point.y:.1f} Php </b></td></tr>', 
      footerFormat: '</table>', 
      shared: true, 
      useHTML: true 
     }, 
     plotOptions: {column: {pointPadding: 0.2,borderWidth: 0}}, 
     series: data  
    }); 
}

數據變量包含以下值：

來源

2016-10-03 Qerjiuthn

您可以添加你的顏色你的具體數據點內，在這裏你可以看到一個例子是如何工作的：HTTP：/ /jsfiddle.net/bygzgc9h/ –

您可以指定該系列的顏色選項。比方說，你要指定你的系列如：

data=[{x:10,y:12}]

它轉換爲以下幾點：

data=[{x:10,y:12,color:'#FFFFFF'}]

必須添加顏色你在哪裏填充系列，即，在那裏你指定x /您的列的y值。

而且我發現這個答案可能是重複的，以您的問題，檢查出來： set-different-colors-for-each-column-in-highcharts

來源

2016-10-03 09:39:28 Rambler

我在哪裏可以將它放在我的代碼中？ – Qerjiuthn

更改高亮​​欄的柱狀圖顏色

回答

相關問題

更改高亮欄的柱狀圖顏色