1. 设置动态改变图表内容时不合并
在echarts中,所有参数和数据的修改都可以通过setOption
完成,但是ECharts 会将新的参数和数据与原始数据合并,然后刷新图表。所以当你动态改变了echarts的数据之后,会发现原来的数据还是留在视图界面。
解决: 将setOption的第二个参数设置为true
mychart.setOption(option, true);
// chart.setOption(option, notMerge, lazyUpdate);
// notMerge 为布尔值,设置为true表明不合并
2. 设置echarts提示框
通过echarts的提示框组件中的position可以设置提示框相对于图标的位置,formatter可以设置提示框中显示的格式:
1). formatter有两种形式,字符串模板和回调函数:
/* 回调函数形式的formatter */
formatter: function (params, ticket, callback) {
var conts = '所想要的提示格式,可以添加HTML标签';
return conts;
}
/* 回调函数第一个参数params的内容:包含多个对象的数组 */
{
componentType: 'series',
seriesIndex: Number, // 系列在传入的 option.series 中的 index
seriesName: String, // 系列名称
name: String, // 数据名,类目名
data: Object, // 传入的原始数据项
value: Number|Array, // 传入的数据值
marker: String(一串HTML) // 提示框中的颜色标记
percent: Number, // 饼图的百分比
}
2. position 提示框浮层的位置,默认不设置时位置会跟随鼠标的位置,可以有多种设置方法,以回调函数为例:
position: function (point, params, dom, rect, size) {
// 水平方向跟随鼠标移动,垂直方向距离echarts顶部10%的距离
return [point[0], '10%'];
}