Question

仪表显示正常，但标签“一些差异数据”未按预期显示在图表下方。 Ext JS 4 API - Gauge表示 display 表示标签的显示方式。我认为标题是标签。有什么想法吗？

series: [{
    type: 'gauge',
    field: 'diff1',
    donut: false,
    title: "Some diff data",
    display: 'under', //tried outside as well
    colorSet: ['#FFFFCC', '#FF9999']
 }]

Answer 1

标题字段是标题，这是正确的。但它没有被指定为系列的一部分......它需要应用于轴。比如，像这样：

    items: [{
        xtype: 'chart',
        data: 'data',
        height: 200,
        width: 200,
        animate: true,
        store: 'store1',
        axes: [{
            position: 'gauge',
            title: 'Your Title Here', // << HERE >>
            type: 'Gauge',
            margin: 8,
            maximum: 100,
            minimum: 0,
            steps: 4
        }],
        series: [{
            type: 'gauge',
            angleField: 'data1',
            donut: 60,
            needle: false
        }]

Answer 2

为标题或任何标签创建文本精灵。

查看Ex.draw包。

ExtJS仪表图表标签未显示

2 个答案: