如何改变AmChart饼图背景?

时间:2014-02-15 07:52:09

标签: charts amcharts

如何更换饼图中的颜色?

请在下面找到我的代码:

AmCharts.makeChart("pie-diagramm", {
        "type": "pie",
        "theme": "none",
        "dataProvider": [{
            "title": "Интернэшнл",
            "value": 100
        }, {
            "title": "Казахстан",
            "value": 90
        },{
            "title": "Лтд",
            "value": 100
            },
            {
            "title": "Лимитед",
            "value": 400},
            {
                "title": "компания",
                "value": 400},
            {
                "title": "ЛУКАРКО",
                "value": 600},{

                "title": "Компани",
                "value": 700
                },
            {

                "title": "«КазМунайГаз»",
                "value": 900},{

                "title": "КТК",
                "value": 350},
            {

                "title": "Федерация",
                "value": 1300},
            {

                "title": "Пайплайн",
                "value": 90}
        ],
        "titleField": "title",
        "valueField": "value",
        "labelRadius": 5,
        "fontSize": 16,
        "radius": "25%",
        "innerRadius": "30%",
        "labelText": "[[title]]",
        "exportConfig": {
            "menuItems": [{
                "icon": '/lib/3/images/export.png',
                "format": 'png'
            }]
        }
    });

谢谢!

2 个答案:

答案 0 :(得分:1)

在DataProvider中添加颜色属性

dataProvider“:[{             “title”:“Интернэшнл”,             “价值”:100,              “颜色”:“您选择的颜色”         },{             “title”:“Казахстан”,             “价值”:90,              “颜色”:“您选择的颜色”         }

http://docs.amcharts.com/3/javascriptcharts/AmPieCharthttp://docs.amcharts.com/3/javascriptcharts/Slice

dataprovider在饼图中保存每个切片的属性

chart.chartData = dataProvider;

答案 1 :(得分:0)

最好也是最简单的方法是设置图表容器div的背景颜色样式。或者你可以设置chart.backgroundColor =“#FF0000”;和chart.backgroundAlpha到某个大于0的值。