echarts
怪只怪满眼尽是人间烟火
尚未佩妥剑 转眼已江湖
展开
-
echarts生成json地图最简单代码
只需要替换到相对应的json文件即可。全国各省市地json文件:https://download.csdn.net/download/weixin_38959210/10543965<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>ECharts</title> <script src="https://cdn.bootcdn.net.原创 2021-05-18 11:08:51 · 480 阅读 · 0 评论 -
echarts图表大小随着外部div大小变化
首先在外部新建一个chart数组。var chartsArr=[];把需要进行大小响应的chart图放进去。myChart1.setOption(option1);chartsArr.push(myChart1); myChart2.setOption(option2);chartsArr.push(myChart2);然后是修改div大小的点击事件:function bigEcharts() { $(".righthidden").css({"width":..原创 2020-08-03 15:21:39 · 1163 阅读 · 0 评论 -
Echarts地图坐标geoCoordMap数据动态获取
这是一组geoCoordMap格式的数据: var geoCoordMap = { '台湾': [121.5135,25.0308], '黑龙江': [127.9688, 45.368], '内蒙古': [110.3467, 41.4899], "吉林": [125.8154, 44.2584], '北京市': [116.4551, 40.2539], "辽宁": [123.1238, 42.1216],}刚开始想的方法是获取到三个参数,前端循...原创 2020-06-08 10:56:06 · 7500 阅读 · 0 评论 -
echarts y轴数据过长处理
formatter: function (value, index) { if (value >= 10000 && value < 10000000) { value = value / 10000 + "万"; } else if (value >= 10000000) { .原创 2020-05-20 14:10:29 · 1338 阅读 · 0 评论 -
echarts中x轴文字过长换行处理和倾斜处理。
1.换行处理axisLabel: { formatter: function (val) { console.log(val); var strs = val.split(''); //转化为字符串数组 console.log(strs); var str = '' for (var i = ...原创 2020-04-28 11:20:49 · 2876 阅读 · 0 评论 -
echarts点击事件调用模态框,模态框中存在echarts
首先看一下效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>echarts点击事件调用模态框</title> <link rel="icon" href="https://raw.githubusercon...原创 2019-06-03 10:09:18 · 3150 阅读 · 4 评论 -
每天定时查询CSDN博客访问量,并通过echarts进行展示
效果展示 Github链接:https://github.com/qushencn/springboot Csdn下载链接:https://download.csdn.net/download/weixin_38959210/11082611只写了Controller到dao层吗,没有写中间的Service层后台代码:@Controller:@Controller...原创 2019-04-02 16:30:09 · 1164 阅读 · 0 评论 -
echarts中国地图线性动画特效
显示效果如图所示。下载地址:https://download.csdn.net/download/weixin_38959210/11065196原创 2019-03-27 15:12:44 · 8982 阅读 · 0 评论 -
echarts地图json实现
echarts3.0以后取消了内置地图,可以用百度地图或者json或者js。本文章用的json首先导入jquery和echarts。 只要输入每个城市或者省份的json就行。这个是全国各省市 json资源:https://download.csdn.net/download/weixin_38959210/10543965因为用到了ajax,所以必须有服务(静态页面上看不到地图的)才能...原创 2018-07-16 14:32:05 · 12849 阅读 · 8 评论 -
echarts 地图实现轮播(一)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script type="text/javascript" src...原创 2018-08-06 11:22:19 · 5953 阅读 · 2 评论 -
echarts各种事件
chart.on("mouseover",function(params){ var name=params.name; var value=params.value; console.info(name+"\n"+value); })click 点击事件 dblclic...原创 2018-08-07 10:52:25 · 2256 阅读 · 0 评论 -
echarts 地图实现轮播(二)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script type="text/javascript" src="j...原创 2018-08-07 10:53:23 · 5053 阅读 · 9 评论 -
echarts地图 编辑颜色
option = { backgroundColor:'rgb(4,46,84)', //背景色 series:[ itemStyle:{ normal:{ //默认状态 areaColor:'rgb(17,98,154...原创 2018-08-08 18:27:30 · 5732 阅读 · 2 评论 -
echarts tooltip的formatter回调参数设置,两组参数情况
如果series中右两组data;series : [ { name : '销量', type : 'bar', data : [209,236,325,439,507,576,722,879,938,1364], }, { name : '增速', type : 'line', data : [1,13,37,35,15,12,25,2...原创 2018-09-19 11:48:23 · 10714 阅读 · 2 评论 -
echarts定时加载动画数据
首先看看效果:接下在看看代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script type...原创 2019-03-25 11:49:19 · 3562 阅读 · 0 评论