多系列分组折线图区分了图例

时间:2016-06-22 00:44:59

标签: kendo-ui kendo-chart

enter image description here

以下是问题http://dojo.telerik.com/aweDi/2

的DOJO

我有一个图表,我想为每个分组项目显示两个不同的行。图例两次显示相同的分组项目,每个系列一次,我需要为每个系列命名不同的分组项目。任何线索怎么做?

$("#rightLine").kendoChart({
    dataSource: {
        data: ko.toJS(my.rightLine()),
        group: { field: "Grp_Value" },
        sort: {
            field: "MonthTrxDateFirst",
            dir: "asc"
        },

        schema: {
            model: {
                fields: {
                    date: {
                        type: "date"
                    }
                }
            }
        }
    },
    legend: {
        position: "top"
    },
    series: [{
        type: "line",
        field: col
    }
    , {
        type: "line",
        field: col2
    }
    ],
    categoryAxis: {
        field: "MonthTrxDateFirst",
        labels: {
            rotation: -90,
            dateFormats:
                {
                    minutes: "HH:mm",
                    hours: "HH:mm",
                    days: "dd/MM",
                    months: "MMM 'yy",
                    years: "yyyy"
                }
        }, type: "Date", baseUnit: "months",

        crosshair: {
            visible: true
        }
    },
    valueAxis: {
        labels: {
            format: ty
        }
    },
    tooltip: {
        visible: true,
        format: ty,
        background: "white",
        // template: "#= series.name #: #= value #"
        template: tmplate
    }
});

0 个答案:

没有答案