怎么设置Y轴不从0开始 并以数据平均值为基本线

ViolainOt
创建于
2018-01-08 06:53:44

Expected behaviour [期望结果]

image

现在是这样的
image

ECharts option [ECharts配置项]

option = {

}

Other comments [其他信息]

6条回答
git-stf-01
回复于
2018-01-09 01:39:08
#1

顶一下,我也有这个需求。。。@pissang 求帮助。
//////
我最终的解决方法是:给yAxis设定min和max,求出平均值后设置markLine。
虽然可以达到要求但是。。。与理想中的x轴为平均值还是不太一样。。。

ViolainOt
回复于
2018-01-09 02:26:17
#2

image

可以显示 但是怎么把Y轴的坐标定义成1SD,2SD,类似第一张图, 还有怎么让X轴一直在下面@terry 你把数值放大100倍运算得到的平均值就一样了
max: (parseInt(_this.showX * 100) + parseInt(_this.showSD * 300))/100,
min: (parseInt(_this.showX * 100) - parseInt(_this.showSD * 300))/100,

git-stf-01
回复于
2018-01-09 02:34:36
#3

对于y轴坐标可以设置axisLabel中的formatter进行格式化。
x轴的位置可以设置xAxis的position属性

ViolainOt
回复于
2018-01-09 02:52:02
#4

能具体说一下吗,比如Y轴实际值为6.74,怎么让他在Y轴显示为X,而不是6.74@Terry

git-stf-01
回复于
2018-01-09 02:59:10
#5

http://echarts.baidu.com/option.html#yAxis.axisLabel.formatter
///////////////////////////////////////////////////////////////////////////////////////
yAxis.axisLabel.formatter string, Function
[ default: null ]
刻度标签的内容格式器,支持字符串模板和回调函数两种形式。

示例:

// 使用字符串模板,模板变量为刻度默认标签 {value}
formatter: '{value} kg'

// 使用函数模板,函数参数分别为刻度数值(类目),刻度的索引
formatter: function (value, index) {
// 格式化成月/日,只在第一个刻度显示年份
var date = new Date(value);
var texts = [(date.getMonth() + 1), date.getDate()];
if (index === 0) {
texts.unshift(date.getYear());
}
return texts.join('/');
}

回复于
2020-04-02 02:23:34
#6

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

当前位于第1页,总计6 条回复

推荐相似问题

关于echarts在页面引入es5-shim.js和es6-shim.js时,在IE8下单图渲染时间翻倍问题

One-line summary [问题简述] 在页面引用了es5.shim.js,es5.sham.js,es6.shim.js,es6.sham.js时,echarts图形在IE8页面渲染时间翻倍,导致页面加载速度很慢。 Version
讨论数 3
incubator-echarts
创建时间:2018-01-08 03:04:04

关于下载矢量地图数据陈旧

One-line summary [问题简述] 公司最近在做关于地图的项目,需要地图下钻到县级,在做地图下钻时发现原来的JSON数据有些陈旧了;现在有很多区域都重新划分了;例如:1.四川省,原来简阳市(县级)属于资阳市(地级市),现在简阳市
讨论数 2
incubator-echarts
创建时间:2018-01-08 02:21:53

给demo中的关系图简单实例加上effectScatter效果后报错的问题

One-line summary [问题简述] 由于关系图没有自己的动效,所以想用effectScatter来实现涟漪效果,但是在data的处理上出现了一些问题。 Version & Environment [版本及环境] ECharts
讨论数 2
incubator-echarts
创建时间:2018-01-08 01:39:37

仪表盘如何底部靠齐

One-line summary [问题简述] 仪表盘所在div的外层div是flex布局,align-items: flex-end; 并列div底部对齐方式。但是仪表盘的canvas默认是靠在所在div顶部的,radius为100%,g
讨论数 3
incubator-echarts
创建时间:2018-01-07 08:27:14

利用echarts中bmap绘制上海地图,隐藏地铁显示仍然出现17号线地铁

利用echarts中bmap绘制上海地图,隐藏地铁显示仍然出现17号线地铁 Version & Environment [版本及环境] ECharts version [^3.8.5]: Browser version [chrome 最新
讨论数 2
incubator-echarts
创建时间:2018-01-07 07:51:59

安装问题

One-line summary [问题简述] 安装时发现Jscript compilation error无法下载 char179598 Code800A0404 Version & Environment [full package]
讨论数 2
incubator-echarts
创建时间:2018-01-07 01:08:07

how to disable a specific serie by default

One-line summary [问题简述] I use the line chart with multiple series. However when loading i want to disable 1 specific ser
讨论数 3
incubator-echarts
创建时间:2018-01-06 08:12:39

echarts3 里边的 datazoom 不能设置始终显示 start 和 end 的数值吗?请求帮助,需要这个功能

One-line summary [问题简述] 需要datazoom始终显示 start 和 end 的值,而不是只是 hover 上去才显示 Version & Environment [版本及环境] ECharts version [E
讨论数 2
incubator-echarts
创建时间:2018-01-05 08:25:20

地图拖拽出div后,鼠标移回来可继续拖拽

One-line summary [问题简述] 地图配置可拖拽后,在地图上按下左键可进行拖拽,放开左键取消拖拽。但如果按下左键后把鼠标移出div,后松开左键,再把鼠标移入div,这时不需要再次按下左键,地图也会随着鼠标拖拽移动 Versio
讨论数 5
incubator-echarts
创建时间:2018-01-05 00:52:24

echarts2雷达图 没有设置max 当把最后一个图例隐藏时,代码报错

echarts2雷达图 没有设置max 当把最后一个图例隐藏时,代码报错 var myChart = echarts2.init(document.getElementById("radar")); var datas = { "d
讨论数 4
incubator-echarts
创建时间:2018-01-04 10:31:33