Javascript 使用数组在C3.js中绘制图形

我有两个数组。一个是名称（nameArray），另一个是计数（countArray）。 数组的值将通过API获得

var chart = c3.generate({
    bindto: '#chart',
    data: {
      columns: [
        ['data1', 30, 200, 100, 400, 150, 250]
      ]
    }
});

上述代码示例可从C3.js网站获得。我需要它表现得与众不同

示例阵列：-

nameArray=["name1","name2","name3"]
countArray=[20,34,12]

在本例中，我希望名称沿X轴，计数沿Y轴。

---

请帮我做到这一点。谢谢

C3可以选择接受：

这不是你想要的吗？ 您只需将

nameArray

和

countArray

合并到数组数组中：

var data = [];
data.push(nameArray);
//do this for each count array
data.push(countArray);

然后做：

var chart = c3.generate({
    data: { rows: data }
});

编辑

我想我现在明白你的意思了。这是你想要的吗

在这种情况下，您需要特性。 要准备数据，您必须执行以下操作：

//your arrays
var nameArray=["name1","name2","name3"]
var countArray=[20,34,12]

countArray.unshift('data');

var chart = c3.generate({
    data: {
      columns: [countArray]
    },
    axis:{
      x:{
        type: 'category',
        categories: nameArray
      }
    }
});

---

我不能像那样硬编码数据，因为我的数据是动态的。我需要用数组来绘制它。对于X轴和Y轴。感谢不要硬编码，合并动态数组并绘制图表。数组不应该是单独的行。名称数组是X轴，计数数组是Y轴。谢谢你的关注。@Vinay，我不确定我是否了解你。你能用这些数组的例子更新你的问题吗？@ieagle，你能再看看吗？我希望我已经说清楚了。再次感谢。

//your arrays
var nameArray=["name1","name2","name3"]
var countArray=[20,34,12]

countArray.unshift('data');

var chart = c3.generate({
    data: {
      columns: [countArray]
    },
    axis:{
      x:{
        type: 'category',
        categories: nameArray
      }
    }
});