DEV Community

SimaQ
SimaQ

Posted on

How to modify the tag graphic of the tooltip content item

Title

How to modify the tag graphic of the tooltip content item?

Description

I want to change the shape in the tooltip to linear for line charts. Is there a good implementation?

Image description

Solution

Modify shapeTypeto 'rect '.

Code Example

const spec = { type: 'bar', data: [ { id: 'barData', values: [ { month: 'Monday', sales: 22 }, { month: 'Tuesday', sales: 13 }, { month: 'Wednesday', sales: 25 }, { month: 'Thursday', sales: 29 }, { month: 'Friday', sales: 38 } ] } ], tooltip: { mark: { content: [{ key: datum => datum['month'], value: datum => datum['sales'], shapeType: 'rect' }] } }, xField: 'month', yField: 'sales' }; const vchart = new VChart(spec, { dom: CONTAINER_ID }); vchart.renderSync(); 
Enter fullscreen mode Exit fullscreen mode

Results show

Image description

Related Documents

Top comments (0)