带有固定数值轴的EXTJS图表

时间:2014-02-22 08:36:45

标签: javascript extjs charts

有人能帮助我吗?我可以使用extjs制作图表,但现在我不知道该怎么做我想要的。所以,我建立一个散点图,并希望使用固定的数字x和y轴,从0到5,我现在只是根据我的商店的值自动确定我的数字轴的范围值,我不想要那个。

Ext.create('Ext.chart.Chart', {
renderTo: myChart,
width: 500,
height: 300,
animate: true,
theme:'Category1',
store: store,
axes: [{
    type: 'Numeric',
    position: 'left',
    title: 'Kepentingan',
    grid: true,
    minimum: 0
}, {
    type: 'Numeric',
    position: 'bottom',
    title: 'Kinerja',
    grid: true,
    minimum: 0
}],
series: [ {
    type: 'scatter',
    markerConfig: {
        radius: 5,
        size: 5
    },
    axis: 'left',
    xField: 'data2',
    yField: 'data3'
}]
});

我应该在图表的轴部分更改什么?请帮忙。谢谢你提前寻求帮助。

1 个答案:

答案 0 :(得分:0)

尝试在轴数组中添加最大属性设置为5(对于Ox和Oy)。添加演示链接只是为了查看Oy轴的maximum属性的结果。

Click me.

axes: [{
         type: 'Numeric',
         position: 'left',
         title: 'Kepentingan',
         grid: true,
         minimum: 0,
         maximum: 5
    },
    {
        type: 'Numeric',
        position: 'bottom',
        title: 'Kinerja',
        grid: true,
        minimum: 0,
        maximum: 5
    }]