首页 > 解决方案 > 水平堆积条形图v6?

问题描述

我正在尝试将这个小提琴重新创建到 v6:http: //jsfiddle.net/aybalasubramanian/fp5dqaxn/

我有问题它是如何获得 y0 的值的?

console.log('dataset 1 ', dataset)
"dataset 1 ", [[{
  x: "Aug",
  y: 123
}, {
  x: "Sep",
  y: 234
}, ...]]
stack(dataset);
console.log('dataset 2 ', dataset)
 "dataset 2 ", [[{
  x: "Aug",
  y: 123,
  y0: 0
}, {
  x: "Sep",
  y: 234,
  y0: 0
}, ... ]]

我很困惑 y0 是如何在数据集上出现的?我正在使用打字稿,当我这样做时:

var dataset = dataset.map(function (group) {
 
    return group.map(function (d) {
        // Invert the x and y values, and y0 becomes x0 
        return {
            x: d.y,
            y: d.x,
            x0: d.y0
        };
    });
})

我得到错误:类型'{ y:数字; 上不存在属性'y0' x:字符串;}',任何人都可以帮我将小提琴转换为 v6 吗?

标签: javascripttypescriptd3.js

解决方案


推荐阅读