Question

我按照此代码http://jsfiddle.net/amcharts/w8Bcy/创建了自己的柱形图。我成功了，但现在我想用其他选项来改进这些图表。

实际图表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上方，列将为绿色。

我还想跟踪一条带参考值的行。

感谢。

Answer 1

graph.colorField = "color"

并在数据添加字段

       "color" : "your color hex code "

在http://jsfiddle.net/w8Bcy/68/完成检查我的颜色都是红色的，你可以在生成数据时添加你选择的颜色/ json

Amcharts：柱形图颜色

1 个答案: