Пользовательские цвета при создании круговой диаграммы из JSON - PullRequest
Новая
       10

Пользовательские цвета при создании круговой диаграммы из JSON

0 голосов
/ 09 ноября 2018

Я пытаюсь создать круговую диаграмму с настраиваемым набором цветов, используя Am4Charts и метод createFromConfig.

Я следовал этому уроку здесь , но график продолжает появляться с установленным по умолчанию цветом.

Вот пример JSON, который я пробовал: 

"innerRadius": 100,
"colors": {"list": ["#ff0000", "#00ff00", "#0000ff" ]},
"data": {
  "0": {
    "pot": "Within 8 days",
    "value": "£111,119.70",
  },
  "1": {
    "pot": "9 - 17 days",
    "value": "£225,537.73"
  },
"2": {
    "pot": "18+ days",
    "value": "£720,279.85"
}
},
"legend": [],
"xAxes": [
{
    "type": "CategoryAxis",
    "title": {
    "text": "pot"
    },
    "dataFields": {
    "category": "pot",
    "title": {
        "text": "Month"
    }
    },
    "renderer": {
    "labels": {
        "rotation": 190,
        "verticalCenter": "middle",
        "horizontalCenter": "left"
    }
    }
}
],

"series": [
{
    "type": "PieSeries",
    "dataFields": {
    "value": "value",
    "category": "pot"
    },
    "ticks": {
    "disabled": true
    },
    "labels": {
    "disabled": true
    },

}
],

Может кто-нибудь увидеть, где я ошибся?

1 Ответ

0 голосов
/ 19 ноября 2018

Обновление 2:

Исправлено в 4.0.0-бета.85.

Убедитесь, что вы очищаете кеш браузера после обновления. И не стесняйтесь обращаться к нам снова, если вы все еще испытываете эту проблему.

Обновление 1:

Ответ от amchart участника / технического директора Мартинаса Мажериса (https://github.com/martynasma):

Похоже, есть две проблемы: документация неверна и есть ошибка, которая мешает ей работать:)

Я обновил документы. Стоит сказать так: 

{
    // ...
    "series": [{
        // ...
        "colors": {
            "list": [
                "#845EC2",
                "#D65DB1",
                "#FF6F91",
                "#FF9671",
                "#FFC75F",
                "#F9F871"
            ]
        }
    }]    
}

Также исправлена ​​ошибка в версии для разработчиков. Новая версия выйдет в течение 1-2 дней.

Оригинал

Это может быть ошибка, и я открыл проблему на amchart github. Я обновлю это, как только получу ответ: https://github.com/amcharts/amcharts4/issues/577

Кстати, я думаю, что в вашей конфигурации JSON есть пара проблем:

  • data - это массив, а не объект
  • legend - это объект, а не массив

Это то, что я использовал для создания демонстрации круговой диаграммы для открытого выпуска: 

// Create chart instance in one go
let chart = am4core.createFromConfig({
    "colors": {
        "list": ["#ff0000","#00ff00", "#0000ff"]
    },
    // Create pie series
    "series": [{
        "colors": ["#ff0000","#00ff00", "#0000ff"],
        "type": "PieSeries",
        "dataFields": {
            "value": "value",
            "category": "pot"
        }
    }],
    // Add data
    "data": [{
        "pot": "Within 8 days",
        "value": "£111,119.70"
    }, {
        "pot": "9 - 17 days",
        "value": "£225,537.73"
    }, {
        "pot": "18+ days",
        "value": "£720,279.85"
    }],
    // Add legend
    "legend": {},
    "innerRadius": 100
}, "chart", am4charts.PieChart);
...