安查特的股票图表 - 如何为图形设置几种颜色



我正在使用amcharts的股票。我在文档中看到了颜色的定义,但是将其设置为

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

只能使其使用第一种颜色,而忽略其余的颜色。我如何设置几种不同的颜色?

听起来您的图形正在从同一数据集中拉出。默认情况下,库存图的颜色链接到其关联的数据集,这是颜色数组将生效的地方。如果要绕过它,请在每个图中将useDataSetColors设置为false,并且它们将开始使用不同的颜色,但是,您还需要将colors数组设置为 panel 级别,而不是最高级别的工作。每个面板本身都是图表实例,顶级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演示

最新更新