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

Question

让我们来看看这个例子 ...如何改变那些酒吧的颜色？

我知道我可以通过渲染器更改它,但它不会改变传说.

我试过用:

style: {fill: 'red'}

但它改变了任何酒吧的颜色

我试图将颜色放在数组中,它不起作用.

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

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

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

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

我认为(样式)应该也可以,但不是.

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

Answer 1

条形图颜色实际上由图表的主题决定:

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

要使用自定义颜色,您需要扩展现有的"基础"主题,如自定义区域图示例中所示.