echarts 曲线图形中画一个五角星?

作者站长头像
站长
· 阅读数 6

echarts 曲线图形中画一个五角星

echarts 曲线图形中画一个五角星?

类似于图中的五角星,怎么在echarts中标注出来,或者其他显著的图标标记,谢谢

回复
1个回答
avatar
test
2024-07-02

answer image代码:

option = {
  title: {
    text: 'Stacked Line'
  },
  legend: {
    data: [
      { name: 'Email', icon: 'circle' },
      {
        name: 'Union Ads',
        itemStyle: {
          color: 'red'
        },
        icon: 'path://M 200 200 l-40 100 100 -80 -120 0 100 80 -40 -120 -40 120z'
      }
    ]
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Email',
      type: 'line',
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: 'Union Ads',
      type: 'line',
      markPoint: {
        data: [
          {
            type: 'max'
          }
        ],
        symbol:
          'path://M 200 200 l-40 100 100 -80 -120 0 100 80 -40 -120 -40 120z',
        symbolSize: 30,
        symbolOffset: [0, 30],
        itemStyle: {
          color: 'red'
        }
      },
      data: [220, 182, 191, 234, 290, 330, 310]
    }
  ]
};
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容