echarts日历自定义月份

接口：

calendar.monthLabel.formatter | string, Function

[ default: null ]

用来格式化月份文本，支持字符串模板和回调函数两种形式。

示例：

/ 使用字符串模板，例如：2017-02
/*模板变量{nameMap} 月份原本名称 eg：'Feb'模板变量{yyyy}   四位数年份 eg: 2017模板变量{yy}   后两位数年份 eg: 17模板变量{MM}   两位数月份 eg: 02模板变量{M}   一位数月份 eg: 2
*/
formatter: '{yyyy}-{MM}'
// 使用回调函数
/*param.nameMap 月份原本名称 eg：'Feb'param.yyyy   四位数年份 eg: 2017param.yy   后两位数年份 eg: 17param.MM   两位数月份 eg: 02param.M   一位数月份 eg: 2
*/
formatter: function (param) {// ...return param.MM;
}

/*param.nameMap 月份原本名称 en：'Feb',cn :'二月'
param.yyyy   四位数年份 eg: 2017
param.yy   后两位数年份 eg: 17
param.MM   两位数月份 eg: 02
param.M   一位数月份 eg: 2
*/
option.calendar[0].monthLabel.formatter =  function (param) {var orderNums = _this.quantityByMonth.get(param.MM+'月') == undefined ? '0' : _this.quantityByMonth.get(param.MM+'月')return param.nameMap  + '  ' + orderNums +'万单';
}

echarts日历自定义月份相关推荐

Echarts显示自定义标注点/地图map引导线
Echarts显示自定义标注点/地图map引导线先贴效果.这里实现了 1.地图上县区名的显示,鼠标移入显示相应的项目数(如下图东源县) 2.地图上增加自定义地图(这里增加了没有的高新区&市辖 ...
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言实现的效果 ...
echarts柱状图自定义显示内容
echarts柱状图自定义显示内容基础搭建基础搭建 1.引入js <script src="js/echarts.min.js"></script> 2 ...
echarts中自定义图片的矢量路径设置
echarts中自定义图片的矢量路径设置在echarts象形柱图中要使用自定义的图片有三种格式,如下图: 前面两种方式我们项目中也常用到,第三种是矢量路径,如何获取这个矢量路径呢,方法如下: 第一步 ...
改编Echarts 日历图
改写Echarts 日历图表,可根据时间选择对应时间段 1.html <div id="divData"><div class="panel panel ...
数据可视化 — 01_svg+echarts实现自定义厂区平面图
文章目录 svg+echarts实现自定义厂区平面图一.最终效果二.设计思路三.开发步骤 3.1 在AI中画矢量图,并保存为svg格式 3.2 使用svg2geojson插件,将svg转为geo ...
echarts图表自定义图例
在echarts中自定义图例样式就跟表格一样清晰的展示数据  <div id="myChart1" ref="myChart ...
echarts 日历热度图设置 calendar
echarts 日历热度图设置 calendar Calendar Option option: {color: this.$CHART_OPTION.COLOR,legend:{top: 10,le ...
echarts 日历图calender
1.主要配置var option = {visualMap: { 方便控制日历图每个单元的显示样式...},calendar: {id:'',range: '2017' 某一年 '2017-02' 某 ...

echarts日历自定义月份

calendar.monthLabel.formatter | string, Function

echarts日历自定义月份相关推荐

最新文章

热门文章