关于Echarts的平均值线

正常echarts的配置项里，只需在series选项里设置

markLine : {
　　data : [
　　　　{type : 'average', name: '平均值'}
　　]
}

就行了，此时的平均值会根据配置项series里的data项数组的值进行取平均值。如：

series : [
　　{
　　　　name:'示例',
　　　　type:'line',
　　　　data:[10,20,30,40],
　　　　markLine : {
　　　　　　data : [
　　　　　　　　{type : 'average', name: '平均值'}
　　　　　　]
　　　　}
　　}
]

此时平均值会取(10+20+30+40)/4，但是如果data数组里的数值格式不正确，或者不是纯数字的话就可能会显示不出来或者数值出现错误。比如data中包含字符串的话就会产生+变成连接符的问题，此时前面会变成“10203040”/4，由于除法的强制类型转换虽然会有结果但是与实际值相差甚远，甚至数据多了都不会察觉到。所以建议给data数组取值时尽量提前将数据类型转换成数字以免出现问题。

转载于:https://www.cnblogs.com/wxy-yuri/p/7211414.html

关于Echarts的平均值线相关推荐

layui + echarts股票K线图（含案例、代码、截图）（转载篇）
文章目录 layui + echarts股票K线图(含案例.代码.截图)(转载篇) 一.案例.代码.截图经验 · 补充说明: layui + echarts股票K线图(含案例.代码.截图)(转载篇) ...
百度地图结合echarts实现飞线
百度地图结合echarts实现飞线目前很流行的地图轨迹飞线图,咱也来实现一个,使用百度地图和echarts图表实现,示例如下,(其实百度地图api有一个位置数据可视化MapV GL也可实现,需要的小 ...
vue中使用Echarts绘制K线图
一.需求问题在开发项目中,我们可能会遇到这样的需求.在vue中使用Echarts绘制K线图,进行数据分析.下面是一个简单的K线图绘制,数据是伪造的,虽然不多,但是能够实现大致的K线图效果. 二.需求 ...
Echarts坐标轴刻度线宽度美化
Echarts坐标轴刻度线宽度平时Echarts的y轴刻度线是一条细直线,现在有一个需求是美工设计的刻度线是有宽度的,即粗刻度线还有粗线条设置了颜色,效果比较好,所以这个是必须要实现的: - ech ...
echarts的标记线和标记点
markPoint: 标记点---------------------------markLine:标记线看了好几天还是不太理解markPoint和markLine的作用, 昨晚看视频终于有点理解了 ...
r语言echarts画箱线图_echarts学习笔记之箱线图的分析与绘制详解
一.箱线图 box-plot 箱线图(boxplot)也称箱须图(box-whisker plot),它是用一组数据中的最小值.第一四分位数.中位数.第三四分位数和最大值来反映数据分布的中心位置和散布 ...
echarts雷达图线的样式_echarts 雷达图的个性化设置
functiontest() { let myChart= echarts.init(document.getElementById('levelImage')); myChart.setOption ...
echarts切换飞线图未清空_echarts做飞线图
飞线图 height:100%; } body{ height:100%; margin:0; padding:0; background-color:#2F4056; } const xhr= ne ...
php k线图 echarts,股票K线图，折线图总结（echarts）
此处利用bootstrap+echarts画布配置参数实现响应式,并且利用socket实时通信实现数据的实时更新 (一)介绍 ECharts (Enterprise Charts 商业产品图表库) E ...

关于Echarts的平均值线

关于Echarts的平均值线相关推荐

最新文章

热门文章