Echarts怎么改变yAxisY轴坐标的数值,或是能不能自己写一个呢
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts怎么改变yAxisY轴坐标的数值,或是能不能自己写一个呢相关的知识,希望对你有一定的参考价值。
固定设置y轴最大值:max:1000,或者动态放大上下限的值;
yAxis中先设置 minInterval : 1, 再设置 boundaryGap : [ 0, 0.1 ],
boundaryGap是坐标轴两端空白策略,数组内数值代表百分比,
[原始数据最小值与最终最小值之间的差额,原始数据最大值与最终最大值之间的差额]。比如,你数据是范围是0-120(最小值0,最大值120),那么,[0.5, 1]就表示,在最小值下方扩展50%的空间,在最大值上方扩展100%空间,也就是范围是[0 - 50% * (120 - 0), 120 + 100% * (120 - 0)]即y轴最小坐标为-60,最大坐标为240。 参考技术A
/**
* 柱形图
*/
var myChart = echarts.init(document.getElementById('bar')); var option = // 提示
tooltip:
show: true
,
xAxis: [
type: 'category',
axisLabel:
formatter: 'value'
,
data: ["1月", "2月", "3月", "4月", "5月", "6月"]
],
yAxis: [
type: 'value',
],//
数据系列
series: [
"type": "bar", "data": [120, 40, 90, 110, 48, 50],
itemStyle:
normal:
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
offset: 0,
color: '#76ddf3'
,
offset: 1,
color: '#2989cc'
]),
]
; // 为echarts对象加载数据
myChart.setOption(option);
参考技术B 代码如下:myChart.on("click",function(param)varhz=param.name;//横坐标的值alert(param);追问谢谢提供
参考技术C echarts Y轴上的数值是根据注入的参数而决定的,如果没有值,就是0,相反参数越大,y轴的数值也越大 参考技术D yAxis: [type: 'value',
min: 0,
max: 900,
splitArea:
show: true
]
用echarts画柱状图怎么去掉y轴上的坐标
用echarts画柱状图去掉y轴上的坐标的步骤是:(1)输入数据后,选择图表向导,然后选择自定义类型,里面有两轴线图,你选择一个需要的(origin和sigmaplot都很好用);
(2)在excel中作图的时候,先做单纵坐标的柱状图,然后右击该列数据的柱状图;
(3)选择“设置数据系列格式”,在“系列选项”里面选择“次坐标轴”,这样你要的数据就会通过次坐标轴来表示了. 参考技术A http://bbs.csdn.net/topics/391940108?page=1
这个网页能解决你的问题
以上是关于Echarts怎么改变yAxisY轴坐标的数值,或是能不能自己写一个呢的主要内容,如果未能解决你的问题,请参考以下文章