ECharts
ECharts
胶泥座人
程序员永远不能说不!!!
展开
-
Echarts实现全球3D飞线攻击图
function getAttackMapChart(){ var success = function(o){ var geoCoordMap = {'上海': [121.48,31.22],'阿富汗':[67.709953,33.93911],'安哥拉':[17.873887,-11.202692],'阿尔巴尼亚':[20.168331,41.153332],'阿联酋':[53.847...原创 2020-04-27 18:48:02 · 3554 阅读 · 0 评论 -
echarts 柱状图给y轴最大值加横线
option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'...原创 2019-12-19 22:15:11 · 2331 阅读 · 0 评论 -
echarts 动态修改纵坐标轴名称
需求:在同一个echarts折线图位置中需要显示不同类型的数据,但所对应的纵坐标的单位不同,需要在切换不同数据类型的时候,纵坐标上方显示的单位名称也不同。实现方法:只需要在js中先定义一个全局变量yName,然后在切换数据类型的时候,根据传入的数据类型进行判断,给yName赋值var yName = "";function selectType(dataType){ if(...原创 2019-12-04 22:13:36 · 5735 阅读 · 0 评论 -
Echarts给柱子设置不同颜色点击并改变颜色
关于给Echarts柱子设置不同颜色的方案网上已经有了,不多啰嗦。其实就是通过设置itemStyle的color函数(可以当作函数回调),使其设置一组颜色值通过函数返回值的下标一一对应将颜色赋给柱子上,大致操作就是下面的一段代码var colors = ['#4587E7','#35AB33','#F5AD1D','#ff7f50','#da70d6','#32cd32','#6495ed'...转载 2019-11-10 18:52:57 · 5424 阅读 · 0 评论 -
echarts折线图,折线如何实现偏移
在为双柱状图的每个柱子加对应的折线图时,直接添加会发生折线图的点没有对应到柱状图的中心,而是在两个柱子之间,如下图:解决办法:可以通过增加一个隐藏的x轴,用来控制线图的点的位置来实现,代码如下:option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cro...原创 2019-10-13 22:03:40 · 12402 阅读 · 16 评论 -
echarts初始化方法
myCharts.setOption(option,true);1)第一个参数option,配置图标实例可配置选项2)第二个表示是否合并option,默认false,多次调用时option选项是默认合并的,可设置为true阻止与上次option的合并设置为true的时候echarts的图形第二次加载时会发生错位,改为false即可...原创 2019-09-25 22:51:21 · 8009 阅读 · 4 评论 -
Echarts实现隐藏x轴,y轴,刻度线,网格
关键代码如下:yAxis: { show: true, type: 'value', splitLine:{show: false}, //去除网格线 nameTextStyle:{ color:'#abb8ce' }, axisLabel: { color:'#abb8ce', }, axisTick:{ //y轴刻度线 show:false ...原创 2019-08-07 21:07:34 · 35427 阅读 · 5 评论 -
echarts中的中国地图js源码(china.js)
ECharts官方已不再提供js地图下载,china.js的源码如下,只需要新建一个js文件,然后将以下js代码复制进去保存即可引用,也不用浪费积分去下载资源(function (root, factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as...原创 2019-07-30 23:00:06 · 4881 阅读 · 0 评论