extjs圖表問題

Question

我正在使用ext在瀏覽器中繪制圖表，遇到一個問題：

我想在一張圖表中畫兩條線，所以我使用了ColumnChart，這是我的數據：

var store = new Ext.data.JsonStore({
    fields:['name', 'visits', 'views'],
    data: [
        {name:'Jul 07', visits: 245, views: 3000000},
        {name:'Aug 07', visits: 240, views: 3500000},
        {name:'Sep 07', visits: 355, views: 4000000},
        {name:'Oct 07', visits: 375, views: 4200000},
        {name:'Nov 07', visits: 490, views: 4500000},
        {name:'Dec 07', visits: 495, views: 5800000},
        {name:'Jan 08', visits: 520, views: 6000000},
        {name:'Feb 08', visits: 620, views: 7500000}
    ]
});

由於訪問數據遠少於視圖。

因此代表訪問的直線距離xaxis太近了，有什么主意嗎？

---

多謝您的回覆，我決定將它們設為相同的比例。 順便說一句，我還有一個問題，希望您能提出一些建議：

Answer 1

要在ExtJs4中創建具有不同比例的yAxis，可以使用左軸和右軸。

xtype: 'chart',
width: 400,
height: 300,
store: myStore,
axes: [
    {
        //title: 'Size',
        type: 'Numeric',
        position: 'left',
        fields: ['sizeInBytes'],
        minimum: 0
    },{ /// NEW yAxis Scale ///
        //title: 'Run Time',
        type: 'Numeric',
        position: 'right',
        fields: ['runTimeMin'],
        minimum: 0
    },{
        //title: 'Date',
        type: 'Time',
        position: 'bottom',
        fields: ['startTime'],
        dateFormat: 'm/d/y h:i A'
    }
],
series: [
    {
        type: 'column',
        axis: 'left',
        xField: 'startTime',
        yField: 'sizeInBytes'
    },{ /// Specify the Axis and data field to use ///
        type: 'line',
        axis: 'right',// <----
        xField: 'startTime',
        yField: 'runTimeMin' // <----
    }
]

Answer 2

據我所知，有兩個選擇：1.添加另一個Y軸，縮放比例不同2.將較大的值縮小

盡管存在變通方法，但據我所知，ExtJS圖表不提供添加第二條軸的功能（請參閱http://www.sencha.com/forum/showthread.php?72557-Ext-JS-Charts-Second- Y軸比例 ）

因此，最簡單的方法是簡單地將較大的值除以例如10,000，以使兩個刻度線內聯，然后記下它們的千分之幾。