Echarts怎么改变yAxisY轴坐标的数值,或是能不能自己写一个呢

发布网友发布时间：2022-05-01 15:12

共9个回答

热心网友时间：2022-04-23 16:12

固定设置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。

热心网友时间：2022-04-23 17:30

/**
* 柱形图

*/
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);

热心网友时间：2022-04-23 19:05

代码如下：myChart.on("click",function(param){varhz=param.name;//横坐标的值alert(param);}追问谢谢提供

热心网友时间：2022-04-23 20:56

echarts Y轴上的数值是根据注入的参数而决定的，如果没有值，就是0，相反参数越大，y轴的数值也越大

热心网友时间：2022-04-23 23:04

yAxis: [{
type: 'value',

min: 0,
max: 900,
splitArea: {
show: true
}
}]

热心网友时间：2022-04-24 01:29

yAxis : [
{

type: 'category',
data: ['1000', '2000', '3000' ],
}],

热心网友时间：2022-04-24 04:10

xAxis : [
{
type : 'category',
data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'category',
data:['0人','10人','20人','20人','20人'],

}
],
只要把Y轴的type改为category，data给值就可以了

热心网友时间：2022-04-24 07:08

有个属性 offset: 120,设置一下就可以了

热心网友时间：2022-04-24 10:23

yAxis.axisLabel.formatter