问题标题
如何修改 tooltip 内容项的标记图形？
问题描述
我想针对折线图，将 tooltip 中的 shape 改成线性的，有什么好的实现方式吗？
解决方案
修改 shapeType 为 'rect'即可。
代码示例
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();
