Skip to content
Advertisement

Markpoint symbol echarts

Problem

I use echarts to generates some graphs and I want to add symbols for certain events, I did it for min and max values of my chart however it give a symbol by default I was wondering whether I can change this symbol to another one or even add my own symbols.

My Attempt

I used this in my code:

      markPoint: {
        data: [
          { type: 'max', name: 'Max' },
          { type: 'min', name: 'Min' }
        ]
      }

It looks like this

enter image description here

Advertisement

Answer

After looking up some example I found out that doing something like this could solve the problem:

      markPoint: {
        data: [
        { type: 'max', symbol: 'circle', name: 'Max' },
        { type: 'min', symbol: 'circle', name: 'Min' }
        ]
      }

for the symbol types available I tried: ‘circle’-‘rect’-‘triangle’. However, I couldn’t find a way to add my own symbol and use it.

enter image description here

User contributions licensed under: CC BY-SA
3 People found this is helpful
Advertisement