【问题标题】:How to change AmChart pie chart background?如何更改 AmChart 饼图背景?
【发布时间】:2014-02-15 07:52:08
【问题描述】:

如何替换饼图中的颜色?

请在下面找到我的代码:

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'
            }]
        }
    });

谢谢!

【问题讨论】:

标签: charts amcharts


【解决方案1】:

在 DataProvider 中添加颜色属性

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

http://docs.amcharts.com/3/javascriptcharts/AmPieChart, http://docs.amcharts.com/3/javascriptcharts/Slice

dataprovider 持有饼图中每个切片的属性

chart.chartData = dataProvider;

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多