柱状图上标识图标

zhou13528482267

于 2023-10-30 16:58:18 发布

阅读量142

点赞数

文章标签： echarts 柱状图添加图标

本文链接：https://blog.youkuaiyun.com/zhou13528482267/article/details/134123251

版权

情景：需要在柱状图上边标识对应图标

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      barWidth: 32,
      color: "#29B061",
      markPoint: {
        symbol: 'image://https://echarts.apache.org/examples/data/asset/img/weather/sunny_128.png',
        symbolSize: 32,
        symbolOffset: [0, -20],
        data: [
          {xAxis: "Wed", yAxis: 150 },
          {xAxis: "Fri", yAxis: 70 }
        ]
      }
    }
  ]
};