Question

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

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

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

Answer 1

听起来你的图表来自同一个数据集。默认情况下，库存图的颜色链接到其关联的数据集，这是颜色数组生效的位置。如果您想绕过此操作，请在每个图表中将useDataSetColors设置为false，然后他们将开始使用不同的颜色，但是，您还需要设置colors数组在panel级别，而不是在顶层，以便工作。每个面板都是一个图表实例，顶级colors数组仅适用于dataSets数组，您可以通过禁用useDataSetColors来绕过该数组。如果您有多个面板并且需要使用相同的颜色列表，则可以在panelsSettings级别对其进行全局设置，因为panel接受并将其应用于每个面板（{1}}几乎占用每个属性（文档将更新为包含缺少的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

amcharts的stockchart - 如何设置几种颜色的图形

1 个答案: