带有附加气泡轴的剑道折线图

Question

我正在尝试创建一个折线图并在其顶部添加一个额外的气泡点。这些图表使用的是 DataSource，而不是标准系列。

所以我的折线图的结构是这样的：

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

现在我正在尝试给它添加一个气泡。像这样的东西，但它不起作用。我不知道如何让他们一起玩得很好。

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

理想情况下，线条和气泡应该在同一轴上，但如果不可能，那也没关系。

Answer 1

折线图使用categoryAxis和value 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