首页 > 其他分享 >echarts图表y轴数据设置为固定值,等间距

echarts图表y轴数据设置为固定值,等间距

时间:2022-10-19 14:25:17浏览次数:71  
标签:固定值 false val show color 图表 type echarts

如图 将Y轴 设置为固定的0% 20% ----100%

                yAxis: {
                    type: 'value',
                    max: 100,//最大值
                    min: 0,//最小值
                    interval:20,//间隔
                    axisLine:{
                        show: false,
                        lineStyle:{
                            color:'#d9e1e4'
                        },
                    },
                    axisLabel:{
                        color:'#4e5b5f',
                        formatter: function (val) {//百分比显示
                            return val + '%';
                        }
                    },
                    axisTick:{
                        show:false,
                    },
                    splitLine:{
                        lineStyle:{
                            type:'dashed'
                        }
                    }
 
                },

标签:固定值,false,val,show,color,图表,type,echarts
From: https://www.cnblogs.com/ZerlinM/p/16806052.html

相关文章

  • 封装一个通用的根据不同数据源渲染不同Echarts效果图的组件
    CommonEcharts.vue<!--CommonEcharts.vue--><template><divref="echartsDom":style="{width,height}"></div></template><scriptlang="ts">import{ref,......
  • 在Vue项目中使用Echarts : Echarts中的常用组件--堆叠面积图
    一、安装并全局引入1、通过npm获取echartsnpminstallecharts--save2、在main.js中添加下面两行代码在main.js中引入5.0以下版本 importechartsfrom'echar......
  • vue3引入echarts
    安装npminstallecharts--savemain.tsimport{createApp}from'vue'import'./style.css'import*asechartsfrom'echarts'importAppfrom'./App.vue......
  • echarts折线图 多个
      <template><divref="echartsBox"class="chart":style="{height:height,width:width}"/></template><script>import*asechartsfr......
  • Jmeter 性能测试常用图表及组件
    前提:通过pluginsManager下载好jpgc-StandardSet1.ConcurrencyThreadGroup线程组(阶梯线程组)添加方式:测试计划-->线程(用户)-->ConcurrencyThreadGroup参数:Tar......
  • python 案例1:可视化图表,前言知识
    1.开发过程中使用到了百度一个包,是一个可视化的框架:pyecharts2.json什么是json●JSON是一-种轻量级的数据交互格式。可以按照JSON指定的格式去组织和封装数据●JSON......
  • 解决Echarts的toolbox只显示英文的问题
    我们为toolbox中每一个配置项都添加title属性,title属性的值就是你想显示的值,随便写。toolbox的配置代码如下:toolbox:{//工具栏show:true,......
  • echarts实现带光的折线图
    最近开发的项目很频繁使用【echarts】,有个需求是实现带有光点的折现图,光点会沿着折现的路径跑,查找到示例后再者稍微记录一下。 这个光点也是一种折现的series,但是他需......
  • echarts 在IE11上异常不执行代码的问题
    echarts控件在谷歌浏览器一切正常,但是IE11(windows10上的IE)就不行了,调试发现页面直接就整个异常了,在最开始写了个alert(111)都不执行,看样子应该是哪里有语法错误,导致解析的......
  • uniGUI学习之UniChart图表(57)
    uniGUI学习之UniChart图表(57) 效果图:双击新增数据序列:  选择图表类型:   注意数据在设置时有效......