条形图堆叠数据在彼此的顶部

时间:2015-05-28 22:45:01

标签: javascript kendo-ui kendo-chart

我正在使用this chart implementation。  但是,它会分散我的数据,而不是堆叠在彼此的顶部。

我想在1970年堆叠我的第一个数组,第二个在1975年。也就是说,我希望有两个堆叠的条而不是五个。我想保留我的数据数据,而不是将它们分成几部分。

function createChart() {
  $("#chart").kendoChart({
    title: {
      text: "World population by age group and sex"
    },
    legend: {
      visible: false
    },
    seriesDefaults: {
      type: "column"
    },
    series: [{
      name: "1970",
      stack: true,
      data: [85, 92, 98, 104, 54]
    }, {
      name: "1975",
      stack: true,
      data: [49, 50, 55, 56, 95]
    }],


    seriesColors: ["green", "yellow", "#dc5c71", "#e47f8f", "#eba1ad",
      "#009bd7", "#26aadd", "#4db9e3", "#73c8e9", "#99d7ef"
    ],
    valueAxis: {
      labels: {
        template: "#= kendo.format('{0:N0}', value )#"
      },
      line: {
        visible: false
      }
    },
    categoryAxis: {
      categories: [1970, 1975],
      majorGridLines: {
        visible: false
      }
    },
    tooltip: {
      visible: true,
      template: "#= series.stack #s, age #= series.name #"
    }
  });
}

$(document).ready(createChart);
$(document).bind("kendo:skinChange", createChart);

Fiddle

当前输出:

enter image description here

所需的输出:类似于以下

enter image description here

1 个答案:

答案 0 :(得分:2)

尝试安排这样的数据:

    public static double umfang() {
    ...
    }

更新了DEMO

更新了FIDDLE