qiun-data-charts(ucharts)自定义tooltip文本
时间: 2024-09-30 08:01:06 浏览: 76
qiun-data-charts
Qiun-Data-Charts(uCharts)是一个基于轻量级的ECharts封装的图表库,它允许用户在创建图表时自定义tooltip(工具提示)。在uCharts中,你可以通过设置`series.tooltip.formatter`属性来自定义 tooltip 的内容和样式。
这个 formatter 函数接受当前鼠标悬停的数据点作为参数,并返回一个 HTML 字符串,该字符串会被显示在 tooltip 中。例如:
```javascript
var option = {
series: [{
name: '数据',
type: 'line',
data: ...,
tooltip: { // 定义tooltip配置
trigger: 'item', // 指定触发类型
formatter: function (params) { // 自定义formatter函数
return '<span style="color:' + params.color + '">' + params.name + '</span>: ' + params.value;
}
}
}]
};
```
在这个例子中,当鼠标移动到某一点上,tooltip 将显示数据点名称和对应的值,颜色根据数据点的颜色设置。
阅读全文