如何使用输入数据更改用于图值的随机数据？ D3js圆环图

Question

我对编码很新，我需要使用d3js库来制作图表。虽然我掌握了基础知识，但我还不了解整个事情......

所以，我在D3js示例中找到了我想要使用的图表。但不知道如何更改图表中显示的数据。我想要圆环图来获取我的输入数据而不是随机数据，如示例

所示

http://bl.ocks.org/dbuezas/9306799 这是我想要使用的图表。

Answer 1

关键功能是change()，只需将randomData（）替换为getYourData（）

function getYourData() {
  let yourData = [
    {
      label: 'label1',
      value: 12,
    },
    {
      label: 'label2',
      value: 6,
    }
  ]

  return yourData;
}

change(getYourData());

Answer 2

希望您能更轻松地理解这种语法

change([ { label: "Label 1", value: 10 }, 
         { label: "Label 2", value: 20 },
         { label: "Label 3", value: 30 } ])

函数更改采用对象的数组，每个对象是饼图的一部分。