Question

我有一个json数据，我将动态改变颜色2条件：
condition1：如果Color =红色，则颜色条堆叠红色
condition2：如果color =蓝色，颜色条堆叠蓝色

我的Json是

{
"Liste": [
    {
        "Name": "Ligne A",
        "Qte": 150,
        "ListeData": 
        [
          { "OF":"A001",
            "Data":200,
            "Color":"Red"
          },

          { "OF":"A002",
            "Data":400,
            "Color":"Blue"
          },

          { "OF":"A003",
            "Data":800,
            "Color":"Blue"
          }
        ]
    },

]

}

Answer 1

您必须在图表的系列配置中添加自定义渲染器功能。

在该渲染器功能中，您可以根据模型中的颜色项更改每个条的填充配置。

根据这一点，应该可以解决这个问题：

series: [{ type: 'column', stacked: true, renderer: function(sprite, config, rendererData, index) { return { fill: store.getData().items[index].color }; } }]

有关系列配置和渲染器功能的更多信息，请点击此处： http://docs.sencha.com/extjs/6.2.0/modern/Ext.chart.series.Series.html#cfg-renderer

如何显示json和条形图

1 个答案: