Extjs 更改堆积条形图中条形的颜色

Question

让我们走 this example ...如何改变这些条的颜色？

我知道我可以通过渲染器改变它，但它不会改变图例。

我曾尝试使用:

style: {fill: 'red'}

但它会改变任何条形的颜色

我试图将颜色放在数组中，但它不起作用。

我试图将每种样式放在数组中，如下所示:

style: [{fill: 'red'}, {fill: 'green'}, {fill: 'blue'}]

但它也不起作用，因为我可以将标题放在数组中，例如:

title: ['title1', 'title2', 'title3']

我认为它(样式)也应该起作用，但不是。

那么如何更改每个“数据”栏的颜色？

Answer 1

条形颜色实际上由 chart's theme 决定:

Ext.create('Ext.chart.Chart', {
    theme: 'myTheme'
    //the remainder of your code...
});

为了使用自定义颜色，您需要扩展现有的“基础”主题，如 custom area chart example .