javascript - amcharts 的 stockchart - 如何为图表设置多种颜色

Question

我正在使用 Amcharts 的股票图表。我看到colors definition in the documentation ，但将其设置为例如

colors : ['green', 'red', 'blue'], 

仅使其使用第一种颜色并忽略其余颜色。如何设置几种不同的颜色？

Answer 1

听起来你的图表是从同一个数据集中提取的。默认情况下，股票图表的颜色链接到其关联的数据集，这是颜色数组将生效的地方。如果你想绕过这个，设置useDataSetColors在每个图表中将其设置为 false，它们将开始使用不同的颜色，但是，您还需要在 panel 设置您的 colors 数组。级别，而不是顶级级别才能发挥作用。每个面板本身就是一个图表实例，顶级 colors 数组仅适用于 dataSets 数组，您可以通过禁用 useDataSetColors 来绕过该数组。如果您有多个面板并且需要使用相同的颜色列表，则可以在 panelsSettings 级别进行全局设置，因为它几乎需要 panel 接受的所有属性，并且将其应用到每个面板(文档将更新以包含缺少的 colors 属性)。

下面是它应该是什么样子的片段:

  "panelsSettings": {
    "colors": ["green", "red", "blue"],
  },

  "panels": [ {

      "stockGraphs": [ {
        "valueField": "value",
        "useDataSetColors": false,
        "title": "Value 1",
        "balloonText": "[[title]]:<b>[[value]]</b>",
      },{
        "valueField": "value2",
        "useDataSetColors": false,
        "title": "Value 2",
        "balloonText": "[[title]]:<b>[[value]]</b>",
      },{
        "valueField": "value3",
        "useDataSetColors": false,
        "title": "Value 3",
        "balloonText": "[[title]]:<b>[[value]]</b>",
      } ],
  }, // ...
  ]

这是一个codepen demo