我想在 extjs 4 折线图中显示节点值

Question

当我们将鼠标放在折线图节点上时，它会显示节点值。我想永久地做同样的事情而不指向节点。

我的完整代码是：

items:[{
    xtype:'displayfield', 
    value:'Avg. Freight Percentage'
},{ 
    xtype: 'linechart', 
    store: store30DaysTo180Days,
    xField: 'days',
    height:200,
    yField: 'averageFreightPercentLast', 
    xAxis: new Ext.chart.CategoryAxis({ title: 'In Days', })
}]

Answer 1

配置label 就是为了这个目的。尝试类似：

series: [{
    type: 'line',
    axis: 'left',
    markerConfig: {
        type: 'cross'
    },
    highlight: true,
    label: {
        display: 'inside', // or 'rotate'
        field: 'revenue',
        'text-anchor': 'start'
// I found that undocumented property with values 'start', 'end' or 'middle'
    },
    tips: {
        trackMouse: true,
        width: 80,
        height: 25,
        renderer: function(storeItem, item) {
            this.setTitle(item.value[1] + ' $</span>');
        }
    },
    xField: 'month',
    yField: 'revenue'
}]

更多信息请查看the docs for label。

不幸的是，设置样式的可能性很少。要获得好东西，您需要使用renderer 函数（这个函数真的可以让您为标签做所有您能想到的事情）。