如何在extjs中制作不同颜色的柱形图4

Question

如何为extjs中的不同栏制作不同的颜色我试图用主题来实现。但是它没有正常工作，因此我在系列参数的 yfield 中传递了两个参数。我附上了工作示例，因为我还附加了一个示例截图供您参考。能帮我解决一下吗？ 的截图

您可以参考以下链接获取参考资料

<code> http://jsfiddle.net/sunith_123/f83v0kbb/8/</code>

Answer 1

删除主题并尝试使用以下渲染器代替图表系列：

    series: [{
            type: 'column',
            axis: 'left',
            highlight: false,
            xField: 'name',
            yField: ['rocCCI', 'rocCI'],
            renderer: function(sprite, record, attr, index, store) {
                var color = ['orange', 
                             'peachpuff',
                             'green',
                             'greenyellow'][index%4];
                return Ext.apply(attr, {
                    fill: color
                });
            }

        }]

您将获得以下结果

渲染器循环遍历4色阵列（使用index%4作为关键字）。您可以扩展此数组以添加更多颜色 - 或者使索引计算更加智能化，以根据当前记录渲染选择颜色。

唯一的缺点是关键颜色不正确 - 但无论如何它们永远不会使用这种颜色格式！