1

我在用#006AB8 纯色为ExtJS 中的条形图着色时遇到问题。

通过查看文档，我得到了某种工作，没有颜色。

这是我的系列的代码：

            series: [{
            type: 'bar',
            axis: 'bottom',
            highlight: true,
            tips: {
              trackMouse: true,
              width: 140,
              height: 28,
              renderer: function(storeItem, item) {
                this.setTitle(storeItem.get('callcentre') + ': ' + storeItem.get('calls'));
              }
            },
            label: {
              display: 'insideEnd',
                field: 'calls',
                renderer: Ext.util.Format.numberRenderer('0'),
                orientation: 'horizontal',
                color: '#333',
              'text-anchor': 'middle'
            },
            xField: 'callcentre',
            yField: ['calls'],
            renderer: function() {
                    return Ext.apply({
                            fill: '#006AB8'
                    });
            }
        }]

渲染器坏了，我无法正确格式化它。

谢谢，

卢克。

4

3 回答 3

2

我是这样做的。

renderer: function(sprite, record, attr, index, store) {
    var value = 0;
    var color = ['rgb(147, 169, 208)'][value];
    return Ext.apply(attr, {
        fill: color
    });
}

如果你想有更多的颜色选择，只需这样做：

var value = 3; <-- the value determines the color array (index starts 0).
var color = [
    'rgb(114, 19, 15)', 
    'rgb(92, 48, 71)', 
    'rgb(81, 114, 179)', 
    'rgb(196, 185, 183)', 
    'rgb(13, 111, 62)',
    'rgb(158, 129, 133)',
    'rgb(50, 107, 126)'][value];
    return Ext.apply(attr, {
    fill: color
});
于 2012-08-16T07:08:13.523 回答
0

你可以试试这段代码： 

    渲染器：函数（精灵，记录，属性，索引，存储）{
        返回 Ext.apply(attr, {
            填充：'#006AB8'
        });
    }

于 2012-04-23T19:31:55.990 回答
0

我希望我能帮上忙

我像这样给我的酒吧上色： 

var colors = ['rgb(255, 255, 0)',
                  'rgb(125, 255, 0)',
                  'rgb(0, 255, 0)',
                  'rgb(0, 255, 125)',
                  'rgb(0, 0, 255)'];

Ext.chart.theme.Browser = Ext.extend(Ext.chart.theme.Base, {
    constructor: function (config) {
        Ext.chart.theme.Base.prototype.constructor.call(this, Ext.apply({
            colors: colors
        }, config));
    }
});

在此之后，您将主题“浏览器：渐变”作为属性传递给您的图表：

var chart = Ext.create('Ext.chart.Chart', {
    width: 500,
    height: 200,
    theme: 'Browser:gradients',
    ...});
于 2014-02-25T14:23:56.187 回答