Kendo Chart缺少多个系列的CategoryAxis文本

时间:2013-04-01 20:02:10

标签: charts kendo-ui axis-labels

我正在创建一个可以有多个数据集的剑道图表。

我正在创建一个chartOptions对象,该对象只能通过引用属性进行操作,而不会通过Kendo功能进行操作。这可以通过以下代码完成:

var chartOptions = {
        theme: "",
        seriesDefaults: {
            type: "line"
        },
        title: {
            text: ""
        },
        legend: {
            position: "bottom"
        },
        series: "",
        categoryAxis: {
            field: "category"
        }
    };


function createChart() {
        $("#chart").kendoChart(
            $.extend(true, {}, chartOptions)
        );
    }

我还让用户定义他们想要的数据集。选择他们的数据集并创建他们的图表。然后渲染图表但缺少categoryAxis数据。

我通过以下方式设置系列数据(数据来自服务器,但是可用):

dataSetContents.Series = {"Series":[{"name":"2009 Data","data":[{"category":"2008","value":18159},{"category":"2007","value":315},{"category":"2009","value":8}]},{"name":"2008-2010","data":[{"category":"2010","value":750},{"category":"2009","value":2980},{"category":"2008","value":4135},{"category":"2007","value":55}]}]}

chartOptions.series = dataSetContents.Series;

1 个答案:

答案 0 :(得分:2)

我弄清楚我失去类别的原因。它与多个系列有关,通过设置categoryAxis来解决这个问题。这可以通过传递类别数组来完成:

chartOptions.categoryAxis = { categories: [2007,2008,2009,2010] };