echarts柱状图传多组数据

可以使用 echarts 的 series 属性来传递多组数据，每组数据对应一个 series。示例代码如下：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: 'Series 1',
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar'
    }, {
        name: 'Series 2',
        data: [90, 150, 200, 85, 95, 120, 140],
        type: 'bar'
    }]
};

以上代码中，series 属性包含了两个对象，分别对应两组数据。每个对象包含了 name、data 和 type 属性，分别表示系列名称、数据和图表类型。

相关问题

echarts柱状图只有一组数据显示图例

根据引用\[1\]和引用\[2\]的内容，你可以通过设置`series`中的`name`属性来显示图例。在你的代码中，每个柱状图都有一个`name`属性，分别是"峰"、"平"和"谷"。这些名称将被用作图例的标签。确保在Echarts的配置中设置`legend`属性为`show: true`，以确保图例显示出来。

以下是一个示例代码片段，展示了如何设置图例：

option = {
  legend: {
    show: true
  },
  series: \[
    {
      name: "峰",
      type: "bar",
      stack: "值",
      data: fengList,
      itemStyle: {
        color: state.getThemeConfig.curveConfig\[0\],
      },
    },
    {
      name: "平",
      type: "bar",
      stack: "值",
      data: pingList,
      itemStyle: {
        color: state.getThemeConfig.curveConfig\[1\],
      },
    },
    {
      name: "谷",
      type: "bar",
      stack: "值",
      data: guList,
      itemStyle: {
        color: state.getThemeConfig.curveConfig\[2\],
      },
    },
  \],
};

通过以上配置，你的柱状图将会显示具有相应名称的图例。
#### 引用[.reference_title]
- *1* [ECharts柱状图图形标签间隔显示](https://blog.csdn.net/jixuziyuan/article/details/127617220)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [echarts 自定义柱状图颜色，并展示图例。](https://blog.csdn.net/qq_44830966/article/details/123991912)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [自定义Echarts柱状图， 一图显示多组数据](https://blog.csdn.net/weixin_40463857/article/details/126158538)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

echarts柱状图多组数据

echarts柱状图可以显示多组数据。你可以使用echarts的xAxis配置项来设置横坐标的数据，然后使用series配置项中的data属性来设置对应的纵坐标数据。每组数据可以在series配置项中通过多个对象来表示，例如：

option = {
    xAxis: {
        type: 'category',
        data: ['数据一', '数据二', '数据三'] // 横坐标数据
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '组一',
            type: 'bar',
            data: [10, 20, 30] // 组一的纵坐标数据
        },
        {
            name: '组二',
            type: 'bar',
            data: [15, 25, 35] // 组二的纵坐标数据
        }
    ]
};

这样，echarts柱状图就可以同时展示多组数据了。