Extjs 可以为Ext.JS图形图例设置自定义颜色

Extjs 可以为Ext.JS图形图例设置自定义颜色,extjs,Extjs,在我最近的一个项目中,我需要为我的图形图例设置一些自定义颜色 是否可以设置自定义颜色。如果可能的话,我如何更改它。在图表系列配置中,您可以定义自己的呈现程序函数()。在此函数中,可以更改列属性 因此,如果要更改列的颜色,渲染器函数应如下所示: renderer: function(sprite, record, attr, index, store) { var value = 0; if (index > 0) { value = index % 2;

在我最近的一个项目中,我需要为我的图形图例设置一些自定义颜色


是否可以设置自定义颜色。如果可能的话,我如何更改它。

在图表系列配置中,您可以定义自己的
呈现程序
函数()。在此函数中,可以更改列属性

因此,如果要更改列的颜色,渲染器函数应如下所示:

renderer: function(sprite, record, attr, index, store) {
    var value = 0;
    if (index > 0) {
        value = index % 2;
    }
    var color = ['#5B96CD', '#D0D0D0'][value];
    return Ext.apply(attr, {
        fill: color
    });
}

请参见fiddle:

在图表系列配置中,您可以定义自己的
呈现程序
函数()。在此函数中,可以更改列属性

因此,如果要更改列的颜色,渲染器函数应如下所示:

renderer: function(sprite, record, attr, index, store) {
    var value = 0;
    if (index > 0) {
        value = index % 2;
    }
    var color = ['#5B96CD', '#D0D0D0'][value];
    return Ext.apply(attr, {
        fill: color
    });
}

请参阅fiddle:

是的,有可能,您可以共享一些代码吗?是的,有可能,您可以共享一些代码吗?这不会更改图例的颜色。如果您怀疑您是否可以转到链接并设置图例:True,则不会更改图例颜色。如果你怀疑你可以去你的链接和设置图例:真