摘要: /** * 地图3.0版本 ,修改时间轴控件和事件,封装geoJson获取事件 * 显示南海诸岛 下钻的标题样式修改 * 设置geoIndex 和 visualMap 里面的seriesIndex 就可以让地图和点同时存在 * 这个时候地图颜色的配置就在 geo里面配置了而不是 series里面 * 阅读全文
posted @ 2022-01-20 16:54 无你旅行 阅读(104) 评论(0) 推荐(0)
摘要: option = { backgroundColor: '#000', tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} t ({d}%)' }, series: [ { name: '排放量', type: 'pie', radiu 阅读全文
posted @ 2022-01-20 16:51 无你旅行 阅读(279) 评论(0) 推荐(0)
摘要: var legendData = ['车辆数', '设计车位']; //图例 var indicator = [{ text: '小型车', max: 6000, }, { text: '中型车', max: 5000 }, { text: '大型车', max: 5000 }, { text: ' 阅读全文
posted @ 2022-01-20 16:47 无你旅行 阅读(530) 评论(0) 推荐(0)
摘要: option = { title: { text: 'Stacked Line' }, tooltip: { trigger: 'axis' }, legend: { data: ['广州西门子变压器公司', '耐恒(广州)纸品有限公司', '广州斗原钢铁有限公司', '广州璨宇光学有限公司', ' 阅读全文
posted @ 2022-01-20 16:46 无你旅行 阅读(108) 评论(0) 推荐(0)
摘要: var xData =['济南','济宁','临沂','淄博','潍坊','烟台','临沂', '淄博','泰安','日照','威海','莱芜','聊城','德州','东营','潍坊'] var tq=[800,-200,300,499,188,900,488,399,277,490,580,280 阅读全文
posted @ 2022-01-20 16:44 无你旅行 阅读(62) 评论(0) 推荐(0)
摘要: option = { backgroundColor: "#062a44", series: [{ name: '刻度', type: 'gauge', radius: '53%', min:0,//最小刻度 max:16,//最大刻度 splitNumber: 8, //刻度数量 startAng 阅读全文
posted @ 2022-01-20 16:40 无你旅行 阅读(59) 评论(0) 推荐(0)
摘要: /**/ var dataArry = { one: 500, two: 300, three: 200 }; option = { backgroundColor:'#040042', tooltip: { formatter: "{a} <br/>{c} {b}" }, series: [{ n 阅读全文
posted @ 2022-01-20 16:39 无你旅行 阅读(76) 评论(0) 推荐(0)
摘要: let value = 55.33; let title = '超期率'; let int = value.toFixed(2).split('.')[0]; let float = value.toFixed(2).split('.')[1]; option = { backgroundColor 阅读全文
posted @ 2022-01-20 16:38 无你旅行 阅读(83) 评论(0) 推荐(0)
摘要: option = { color:['#7BC074', '#709EF1', '#F59363'], series: [ { type: 'sankey', right: '5%', data:[ //左点 {name: '外卖'}, {name: '网约车'}, {name: '家政保洁'}, 阅读全文
posted @ 2022-01-20 16:37 无你旅行 阅读(53) 评论(0) 推荐(0)
摘要: let datalist = [ { name: "公共平台" }, { name: "系统0000" }, { name: "系统0011" }, { name: "系统0022" }, { name: "系统0033" }, { name: "系统0044" }, { name: "系统0055 阅读全文
posted @ 2022-01-20 16:37 无你旅行 阅读(46) 评论(0) 推荐(0)
摘要: option = { title: { text: '漏斗分析图', subtext: '网站用户行为统计-纯属虚构', x:'center', textStyle: { color: '#fff' } }, backgroundColor: '#522257', color: ['#efbb1a' 阅读全文
posted @ 2022-01-20 16:35 无你旅行 阅读(114) 评论(0) 推荐(0)
摘要: option = { backgroundColor: '#000', title: { text: '转化率', subtext: '转化的百分率或分率', link: 'https://gallery.echartsjs.com/explore.html?u=bd-1841183165&type 阅读全文
posted @ 2022-01-20 16:35 无你旅行 阅读(201) 评论(0) 推荐(0)
摘要: var outname = ["南海诸岛",'天津', '上海', '重庆', '河北', '河南', '云南', '辽宁', '黑龙江', '湖南', '安徽', '山东', '新疆', '江苏', '浙江', '江西', '湖北', '广西', '甘肃', '山西', & 阅读全文
posted @ 2022-01-20 16:33 无你旅行 阅读(288) 评论(0) 推荐(0)
摘要: var mapName = 'china' var data = [ {name:"北京",value:199}, {name:"天津",value:42}, {name:"河北",value:102}, {name:"山西",value:81}, {name:"内蒙古",value:47}, {n 阅读全文
posted @ 2022-01-20 16:26 无你旅行 阅读(504) 评论(0) 推荐(0)
摘要: let value = 65.23; let title = 'vision'; let int = value.toFixed(2).split('.')[0]; let float = value.toFixed(2).split('.')[1]; option = { backgroundCo 阅读全文
posted @ 2022-01-20 16:25 无你旅行 阅读(433) 评论(0) 推荐(0)
摘要: option = { backgroundColor:"#0B1837", color: ["#EAEA26", "#906BF9", "#FE5656", "#01E17E", "#3DD1F9", "#FFAD05"], // title: { // text: '网络/安全设备', // le 阅读全文
posted @ 2022-01-20 16:22 无你旅行 阅读(120) 评论(0) 推荐(0)
摘要: let num = 0; option = { backgroundColor: '#111', title: [{ text: 'SPEED', x: 'center', top: '52%', textStyle: { color: '#fdf914', fontSize: 20, fontWe 阅读全文
posted @ 2022-01-20 16:21 无你旅行 阅读(46) 评论(0) 推荐(0)
摘要: const pic1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACeCAMAAACsJNBQAAADAFBMVEUAAAAA/f8A+f8A+v8A+f8A+f8A/v8A9P8A+v8A//8A+f8A+v8A+P8A9/8A/f 阅读全文
posted @ 2022-01-20 16:20 无你旅行 阅读(762) 评论(0) 推荐(0)
摘要: /* 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 请不要直接cv发布谢谢,至少保证有你自己的东西在里面,一点改动没有,直接cv让人恶心 重要的事情说三遍,没有脸的可以直接c 阅读全文
posted @ 2022-01-20 16:19 无你旅行 阅读(29) 评论(0) 推荐(0)
摘要: option = { backgroundColor:'#031d33', animation: true, grid: { top: "5%", bottom: "15%", right: "5%" }, xAxis: { data: ['消防烟感','摄像机','环境烟感','路灯','地磁'] 阅读全文
posted @ 2022-01-20 16:18 无你旅行 阅读(134) 评论(0) 推荐(0)
摘要: var bgPatternImg = new Image(); bgPatternImg.src = '/asset/get/s/data-1623324803979-ugSvPhTCK.png'; const chartData = [ { value: 520, name: 'A', }, { 阅读全文
posted @ 2022-01-20 16:17 无你旅行 阅读(70) 评论(0) 推荐(0)
摘要: let angle = 0; //角度,用来做简单的动画效果的 let value = 80; var timerId; option = { backgroundColor: '#000E1A', title: { text: '{a|' + value + '}{c|%}', x: 'cente 阅读全文
posted @ 2022-01-20 15:01 无你旅行 阅读(199) 评论(0) 推荐(0)
摘要: let datas = [ { name: "出租居住", value: 1, }, { name: "自营", value: 2, }, { name: "出租经营", value: 3, }, { name: "合作入股", value: 4, }, ]; var option = { colo 阅读全文
posted @ 2022-01-20 15:00 无你旅行 阅读(170) 评论(0) 推荐(0)
摘要: const CubeLeft = echarts.graphic.extendShape({ shape: { x: 0, y: 0 }, buildPath: function(ctx, shape) { console.log(ctx,shape); const yAxisPoint = sha 阅读全文
posted @ 2022-01-20 14:59 无你旅行 阅读(223) 评论(0) 推荐(0)
摘要: const CubeLeft = echarts.graphic.extendShape({ shape: { x: 0, y: 0 }, buildPath: function(ctx, shape) { const xAxisPoint = shape.xAxisPoint const c0 = 阅读全文
posted @ 2022-01-20 14:58 无你旅行 阅读(134) 评论(0) 推荐(0)
摘要: var nodes = [{ x: 500, y: 1000, nodeName: '应用', svgPath: 'M544 552.325V800a32 32 0 0 1-32 32 31.375 31.375 0 0 1-32-32V552.325L256 423.037a32 32 0 0 1 阅读全文
posted @ 2022-01-20 14:58 无你旅行 阅读(567) 评论(0) 推荐(0)
摘要: var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json"; /** 此版本通过设置geoindex && seriesIndex: [1] 属性来实现geo和map共存,来达到hover散点和区域显示tooltip的 阅读全文
posted @ 2022-01-20 14:56 无你旅行 阅读(1162) 评论(0) 推荐(0)
摘要: option = { /* grid: { top: "20%", bottom: "12%" },*/ backgroundColor:"#0f375f", tooltip: { trigger: "axis", axisPointer: { type: "shadow", label: { sh 阅读全文
posted @ 2022-01-20 14:55 无你旅行 阅读(141) 评论(0) 推荐(0)
摘要: //数据 var XName = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] var data1 = [67, 97, 51, 338, 32, 11, 1] var img = [ 'image://data:image/png;base64,iVBORw 阅读全文
posted @ 2022-01-20 14:54 无你旅行 阅读(581) 评论(0) 推荐(0)
摘要: /** * * 作者: GhostCat * 博客: https://gcat.cc * 描述: 带点和渐变的折线图 * */ let label = [233, 233, 200, 180, 199, 233, 210, 180]; let value = [233, 233, 200, 180, 阅读全文
posted @ 2022-01-20 14:53 无你旅行 阅读(76) 评论(0) 推荐(0)
摘要: // Generate data var category = []; var dottedBase = +new Date(); var lineData = []; var barData = []; for (var i = 0; i < 20; i++) { var date = new D 阅读全文
posted @ 2022-01-20 14:53 无你旅行 阅读(52) 评论(0) 推荐(0)
摘要: option = { backgroundColor: '#080b30', title: { text: '哎呦,不错哦', textStyle: { align: 'center', color: '#fff', fontSize: 20, }, top: '5%', left: 'center 阅读全文
posted @ 2022-01-20 14:51 无你旅行 阅读(803) 评论(2) 推荐(0)
摘要: /** * * 作者: GhostCat * 博客: https://gcat.cc * 描述: 双折线图 * */ let xLabel = ['3.26', '3.27', '3.28', '3.29', '3.30', '3.31'] let goToSchool = ["40", "60", 阅读全文
posted @ 2022-01-20 14:50 无你旅行 阅读(470) 评论(2) 推荐(0)