2014-05-20 103 views
3

我遵循此代碼http://jsfiddle.net/amcharts/w8Bcy/來創建我自己的柱形圖。我成功了,但現在我想改善與其他選項的圖表。Amcharts:柱形圖顏色

實際圖表DEF是:

var chart = AmCharts.makeChart("chartdiv", { 
"type": "serial", 
    "theme": "none", 
    "dataProvider": chartData, 
    "valueAxes": [{ 
    "gridColor": "#FFFFFF", 
     "gridAlpha": 0.2, 
     "dashLength": 0 
}], 
    "gridAboveGraphs": true, 
    "startDuration": 1, 
    "graphs": [{ 
    "balloonText": "[[category]]: <b>[[value]]</b>", 
     "fillAlphas": 0.8, 
     "lineAlpha": 0.2, 
     "type": "column", 
     "valueField": "visits" 
}], 
    "chartCursor": { 
    "categoryBalloonEnabled": false, 
     "cursorAlpha": 0, 
     "zoomable": false 
}, 
    "categoryField": "country", 
    "categoryAxis": { 
    "gridPosition": "start", 
     "gridAlpha": 0 
}, 
    "exportConfig": { 
    "menuTop": 0, 
     "menuItems": [{ 
     "icon": '/lib/3/images/export.png', 
      "format": 'png' 
    }] 
} 
}); 

我有一些值多列,我想列有根據它們的值的顏色。我如何改變列顏色的價值?

示例:在x下,列將變爲紅色。 在x上方,列將變爲綠色。

我也想跟蹤參考值的一條線。

謝謝。

回答

7
graph.colorField = "color" 

和數據在http://jsfiddle.net/w8Bcy/68/添加字段

 "color" : "your color hex code " 

對其做檢查,我有顏色個個紅色,您可以選擇添加顏色,當你產生你的數據/ JSON

+0

是圖形生成後有什麼方法可以改變顏色?併爲每個酒吧有不同的顏色? – Delfalso