具有附加氣泡軸的劍道線圖

Question

我正在嘗試創建折線圖並在其上添加一個泡泡點。圖表正在使用DataSource而不是標準系列。

所以，我線圖的結構是這樣的：

​​

而現在我想泡添加到它。像這樣的東西，但它不起作用。我不確定如何讓他們一起打好。

http://dojo.telerik.com/@dmathisen/IgEWA

理想的情況下，線條和氣泡將在同一軸線上，但如果它是不可能的這很好。

Answer 1

折線圖使用categoryAxis和值Axis，而氣泡圖使用xAxis和yAxis。所以，而不是線，使用散點圖類型的系列。

這樣的假設數據：

{ 
    "date": "12/30/2011", 
    "close": 405, 
    "volume": 6414369, 
    "open": 403.51, 
    "high": 406.28, 
    "low": 403.49, 
    "symbol": "2. AAPL" 
}, 

創建圖表所示：

$("#chart").kendoChart({ 
    dataSource: { 
     data: data, 
     sort: { 
      field: "date", 
      dir: "asc" 
     }, 
     schema: { 
      model: { 
       fields: { 
        date: { 
         type: "date" 
        } 
       } 
      } 
     } 
    }, 
    seriesDefaults: { 
     type: "scatterLine", 
     markers: {size: 6} 
    }, 
    series: [ 
     // lines 
     { xField: "date", yField: "close" }, 
     { xField: "date", yField: "open" }, 
     { xField: "date", yField: "high" }, 
     // bubble 
     { type: "bubble", xField: "date", yField: "close", sizeField: "volume"} 
    ], 
    xAxis: [{}], 
    yAxis: [{}] 
}); 

DEMO