Extjs 4.2图表为yfield

时间:2017-10-16 09:01:45

标签: extjs extjs4.2

在“yfield定义”中的这类系列的docs中说:

  

与y轴值对应的数据模型字段的名称。

在此之后,我尝试将两个数据模型字段添加到一行系列的同一yfield中。

这是一个正常的例子:example1

但是在this example中,如果我尝试将两个数据模型字段放在系列的同一yfield中,则该行消失,但在图例中我看到了两个数据名称。

代码中有什么问题,或者我错过了什么?

编辑1

也许我说错了,Gilsha提出的解决方案与example1的代码相同。

我想要这样的事情:

enter image description here

同一系列中的sin和cos数据,而不是每个值的单个系列。

1 个答案:

答案 0 :(得分:0)

您必须为轴和多个线系列添加多个字段标签以绘制每一行,如下所示。

series: [{
        type: 'line', //Plots sin
        axis: 'left',
        xField: 'theta',
        yField: 'sin',
        smooth: true,
        style: {
            'stroke-width': 4
        },
        markerConfig: {
            radius: 4
        },
        highlight: {
            shadow: false,
            fill: '#000',
            radius: 5,
            'stroke-width': 2,
            stroke: '#fff'
        }
    }, {
        type: 'line', //Plots cos
        axis: 'left',
        xField: 'theta',
        yField: 'cos',
        smooth: true,
        style: {
            'stroke-width': 4
        },
        markerConfig: {
            radius: 4
        },
        highlight: {
            shadow: false,
            fill: '#000',
            radius: 5,
            'stroke-width': 2,
            stroke: '#fff'
        }
    },{
        type: 'line', //Plots sin
        axis: 'left',
        xField: 'theta',
        yField: 'tan',
        smooth: true,
        style: {
            'stroke-width': 4
        },
        markerConfig: {
            radius: 4
        },
        highlight: {
            shadow: false,
            fill: '#000',
            radius: 5,
            'stroke-width': 2,
            stroke: '#fff'
        }
    }]