1. 使用 alignTicks 属性 从ECharts v5.3.0版本开始,官方支持了 alignTicks 属性,该属性可以在多个y轴为数值轴时自动对齐刻度。 javascript option = { yAxis: [ { type: 'value', name: 'Y轴1', alignTicks: true }, { type: 'value', name: 'Y轴2', alignTicks: true } ], series: [ // ...
3.1、使用alignTicks解决 从v5.3.0 开始支持 在多个 y 轴为数值轴的时候,可以开启该配置项自动对齐刻度。只对’value’和’log’类型的轴有效。 yAxis: [{type: 'value',name: '水量',alignTicks: true,axisLabel: {formatter: '{value} ml'}},{type: 'value',name: '温度',alignTicks: true,axisLabel...
gridIndex: 0, //轴所在grid索引,默认位于第一个grid alignTicks: false, //在多个轴为数值轴的时候,可以开启该配置项自动对齐刻度。只对'value'和'log'类型的轴有效 position: 'top', //轴的位置(top/bottom) offset: 0, //轴相对于默认位置的偏移,在相同的position上有多个轴时有用 type: 'category'...
alignTicks: true, nameTextStyle: { padding: [0, 0, 0, 28], fontSize: 14, color: 'rgba(255,255,255,0.8)' }, axisLabel: { formatter: '{value}', textStyle: { fontSize: 14, color: 'rgba(255,255,255,0.8)' } }, splitLine: { show: false } } ], 效果 数值相对较小时,图表展...
在5.3.0 中我们终于引入了数值轴坐标轴刻度对齐的功能。可以在需要对齐刻度的坐标轴中配置alignTicks: true。该坐标轴就会根据第一个坐标轴的刻度划分去调整自己的刻度,实现自动对齐。 支持高亮和选中状态的关闭 ECharts 中高亮状态可以在鼠标移到图形上的时候给用户提供反馈,但是在图表中有海量图形的时候,高亮的动画...
{type:'value',name:'降水量',position:'right',alignTicks:true,offset:80,axisLine: {show:true,lineStyle: {color: colors[1] } },axisLabel: {formatter:'{value} ml'} }, {type:'value',name:'气温',position:'left',alignTicks:true,axisLine: {show:true,lineStyle: {color: colors[2] ...
alignTicks: true, offset: 80, axisLine: { show: true, lineStyle: { color: colors[1] } }, axisLabel: { formatter: '{value} ml' } }, { type: 'value', name: '温度', position: 'left', alignTicks: true, axisLine: { show: true, ...
// alignTicks: true, // v5.3.0 支持在多个 y 轴为数值轴的时候,可以开启该配置项自动对齐刻度 splitLine: { show: true //坐标轴在 grid 区域中的分隔线。 }, splitArea: { show: false, // 坐标轴在 grid 区域中的分隔区域,默认不显示
2.三个坐标轴等分数量不相同,分别添加alignTicks: true, 添加前 添加后 3.坐标轴线的位置和偏移量设置 offset: 60, position: "right", 添加前: 添加后: 4.series下添加 yAxisIndex: 0/1/2,不同y轴对应不同指标数据 添加前: 添加后: 完整js代码如下 varimages= [ "image://../images/rect_1.png"...
alignTicks:{ },position:'top'//x轴的位置 bottomtype:'category'//坐标轴的类型 value: 数值轴,适用于连续数据 category 类目轴,适用于离散的类目数据 time: 时间轴 log:对数轴name:'mingzi'// 坐标轴的名称namelocation:'eng'// 坐标轴名称明显的位置 start middle center end// 坐标轴名称的文字样式。