echarts柱状图赋值

您可以使用以下代码来给echarts柱状图赋值:

var option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      type: 'bar',
      data: [120, 200, 150, 80, 70, 110, 130],
    },
  ],
};

// 这是一个简单的柱状图赋值的示例，xAxis中的data数组代表了x轴的数据，yAxis中的type为value代表了y轴的数据是数值类型，series中的data数组代表了每个柱子对应的数值。

如果您想要设置柱状图的样式，可以使用itemStyle属性来设置，例如:

var option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      type: 'bar',
      data: [120, 200, 150, 80, 70, 110, 130],
      itemStyle: {
        color: '#00AAAA', // 柱条颜色
        borderColor: '#FF00FF', // 柱条描边颜色
        borderWidth: 2, // 柱条描边宽度，默认不描边
        borderType: 'dashed', // 柱条描边类型，默认值'solid'；可取值'solid', 'dashed', 'dotted'
        opacity: 0.5, // 透明度
      },
    },
  ],
};

// 这是一个设置柱状图样式的示例。通过itemStyle属性可以设置柱条的颜色、描边颜色、描边宽度、描边类型和透明度等。

如果您想要设置柱状图的高亮样式和标签样式，可以使用emphasis属性来设置，例如:

var option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      type: 'bar',
      data: [120, 200, 150, 80, 70, 110, 130],
      emphasis: {
        focus: 'series', // 在高亮图形时，是否淡出其它数据的图形已达到聚焦的效果。默认值'none'不淡出其它图形，series' 聚焦当前高亮的数据所在的系列的所有图形，'self' 只聚焦（不淡出）当前高亮的数据的图形
        label: {
          show: true,
        },
      },
    },
  ],
};

// 这是一个设置柱状图高亮样式和标签样式的示例。通过emphasis属性可以设置高亮图形时的样式和标签的显示。

希望能帮到您！<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [Echarts柱状图属性设置大全](https://blog.csdn.net/sleepwalker_1992/article/details/126467654)[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^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]