Echart柱状图放置自定义的数组

要在 ECharts 中绘制柱状图并放置自定义数组，你可以使用 ECharts 中的 dataset 组件。dataset 组件可以帮助你将数据和图表分离，实现灵活的数据管理。

首先，你需要定义一个数据数组，例如：

var myData = [20, 30, 50, 80, 90];

然后，在 ECharts 中定义 dataset 组件，将数据数组放置到该组件中，例如：

var option = {
  dataset: {
    source: myData
  },
  series: [{
    type: 'bar',
    data: myData
  }]
};

在这个示例中，dataset 组件的 source 属性设置为 myData 数组，表示该数组是数据源。然后，series 中的 data 属性也设置为 myData，表示该数组是要绘制的柱状图的数据。

最后，将该 option 对象作为参数传递给 ECharts 的 setOption 方法即可实现绘制柱状图并放置自定义数组。

相关问题

Echart柱状图循环放置自定义的数组

如果你需要循环放置自定义的数组，可以使用 JavaScript 中的循环语句来实现。

首先，你需要将自定义的数组放置到一个大的数组中，例如：

var myData = [
  [20, 30, 50, 80, 90],
  [10, 40, 60, 70, 100],
  [30, 50, 70, 90, 80]
];

在这个示例中，myData 数组包含了三个子数组，每个子数组代表一组数据。

然后，你可以使用 JavaScript 中的循环语句来遍历这个数组，并将每个子数组作为数据源传递给 ECharts 中的 dataset 组件，例如：

var option = {
  series: []
};

for (var i = 0; i < myData.length; i++) {
  option.dataset = {
    source: myData[i]
  };
  
  option.series.push({
    type: 'bar',
    data: myData[i]
  });
  
  // 每次循环都需要重新绘制图表
  myChart.setOption(option);
}

在这个示例中，通过 for 循环遍历 myData 数组，每次将一个子数组作为数据源传递给 dataset 组件，并将该子数组作为柱状图的数据传递给 series 中的 data 属性。然后，使用 push 方法将该系列添加到 option 对象的 series 数组中。最后，调用 myChart.setOption 方法来重新绘制图表。

需要注意的是，由于需要多次调用 myChart.setOption 方法，因此每次循环后都需要重新绘制图表。

echart 柱状图自定义每一个柱的间距和粗细都不一样

Echarts柱状图自定义每一个柱的间距和粗细都不一样，需要设置series中的barWidth和barCategoryGap属性。

barWidth表示柱子的宽度，如果想要每一个柱子的宽度都不一样，可以将barWidth设置为一个数组，每个元素对应某一个柱子的宽度。例如：

barWidth: [20, 30, 15, 40, 25]

barCategoryGap表示柱子之间的距离，如果想要每一个柱子的距离都不一样，可以将barCategoryGap设置为一个数组，每个元素对应某一个柱子的距离。例如：

barCategoryGap: [5, 10, 20, 15, 25]

完整示例代码如下：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            type: 'bar',
            data: [20, 30, 15, 40, 25],
            barWidth: [20, 30, 15, 40, 25],
            barCategoryGap: [5, 10, 20, 15, 25]
        }
    ]
};

需要注意的是，如果barWidth和barCategoryGap都设置为数组，那么数组的长度需要和数据的长度一致，否则会抛出异常。