echarts 动态设置标题_echart动态生成标题

echart是一个商业级别的数据图标，一个纯JavaScript的图标库，下面是echart动态生成标题的实现方式

一.设置相关变量

var monthId=[];

var monthId1;

var monthId2=[];

var monthId3;

var monthId4=[];

二. 通过ajax获取相关数据进行处理

$.ajax({

type: "POST",

url:ctx+"/aum/getNeAsInRa",

dataType:"json",

success:function(data){

// 基于准备好的dom，初始化echarts图表

//动态生成标题，数组转字符串

//push()方法可以向数组的末尾添加一个或是多个元素，并返回新的长度

monthId2.push(data[0].month_id.substring(0,4))

//join()用法是把数组中所有的元素都放到一个字符串中，join方法可以用不同的分割符来构建这个字符串

//join()参数不传，默认逗号分隔

var monthId1 = monthId2.join()

monthId4.push(data[0].month_id.substring(0,4)-1)

var monthId3 = monthId4.join()

// 把字符串放入数组中

monthId=[monthId1,monthId3]

三. 把 monthId 放入echart的标题中，这样echart动态生成标题

legend: {

orient:'horizontal',

x: 'right',

data:monthId,

效果图如下所示，其中2018和2017是动态随着时间的流逝而改变：

echarts 动态设置标题_echart动态生成标题相关推荐

JAVA导出Excel通用工具类——第一篇：详细介绍POI 导出excel的多种复杂情况，包括动态设置筛选、动态合并横向（纵向）单元格等多种复杂情况——保姆级别，真的不能再详细了，代码拿来即用）
JAVA导出Excel通用工具--第一篇:详细介绍POI 导出excel的多种复杂情况,包括动态设置筛选.动态合并横向(纵向)单元格等多种复杂情况--保姆级别,真的不能再详细了,封装通用工具类,代码拿 ...
android 动态设置padding,Android动态设置控件大小以及设定margin以及padding值
http://www.aichengxu.com/Java/73893.htm Android动态设置控件大小以及设定margin以及padding值,有需要的朋友可以参考下. 一.概述在andro ...
android 如何动态设置margin,Android 动态设置margin
android的view中有setPadding,但是没有直接的setMargin方法.如果要在代码中设置该怎么做呢? 可以通过设置view里面的LayoutParams 设置,而这个LayoutPa ...
android 动态设置margin,Android 动态设置padding跟margin的问题
最近要做到动态设置padding跟margin,设置它们四个参数都是int类型.比如这里设置了10,,可是这个数又是代表什么意思呢?一直很好奇它们的单位问题,所以这就造成了,在不同手机上的适配问题.有 ...
动态设置html字号,动态设置html的font-size值（适配文字大小）
PC端 (function () { function setRootFontSize() { let rem, rootWidth; let rootHtml = document.document ...
android textview动态设置,android – 如何动态设置文本到TextView？
我想在活动开始时显示连接的ssid和ip地址.它包含一个图像视图(用于标题,因为我没有使用操作栏)和4个文本视图(ssid标签,ssid值,ipaddr标签和ipaddr值) 我已经测试了获取ssid ...
微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText
前言 navigationBarTitleText用于小程序设置当前页面标题,可以给每个页面设置独立的标题,但是这样不能满足一些特殊业务场景:比如说商城,商品详情页面的标题,会根据获取到的数据动态修改 ...

echarts 动态设置标题_echart动态生成标题

echarts 动态设置标题_echart动态生成标题相关推荐

最新文章

热门文章