博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts使用记录(三):x/y轴数据和刻度显示及坐标中网格显示、格式化x/y轴数据...
阅读量:4522 次
发布时间:2019-06-08

本文共 934 字,大约阅读时间需要 3 分钟。

1、去掉坐标轴刻度线,刻度数据,坐标轴网格,以Y轴为例,同理X轴

xAxis: [{    type: 'category',    axisTick: {
//决定是否显示坐标刻度 alignWithLabel: true, show:false }, axisLabel:{ //决定是否显示数据 show:false }}],yAxis: [{ type: 'value', axisTick: { show: false }, splitLine:{ //决定是否显示坐标中网格 show:true }}],

2、xAxis.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('/');}
axisLabel:{      show:true,    formatter: function (value, index) {
//value当前值,index当前索引 return value.split(' ')[1]; }}

 

 

 

 

 

 

转载于:https://www.cnblogs.com/goloving/p/9110951.html

你可能感兴趣的文章
word2vec----CBOW
查看>>
衰减学习率真的有用吗?
查看>>
ORACLE 建库过程总结
查看>>
Ogre1.8.1 Basic Tutorial 6 - The Ogre Startup Sequence
查看>>
构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用...
查看>>
c# Winform 开发分屏显示应用程序
查看>>
canvas刮奖
查看>>
javascript 模拟滚动 隐藏滚动条
查看>>
手把手教你使用 Clion 开发 Linux C++ 项目
查看>>
阿里巴巴卖空阿里巴巴入股新浪微博抑制投资者卖空行为
查看>>
分析打开hdu 3335 (最小路径覆盖)
查看>>
添加源ubuntu_x64 安装 Adobe Reader
查看>>
NFS-heartbeat-drbd模拟NFS高可用
查看>>
SQL Server性能调优:资源管理之内存管理篇(上)
查看>>
javaScript 基础知识
查看>>
接近开关,光耦
查看>>
基于visual Studio2013解决C语言竞赛题之1033数字交换
查看>>
给datalist加自动编号(解决博客的第XX楼)
查看>>
BZOJ3282: Tree (LCT模板)
查看>>
ES6中变量的解构赋值
查看>>