06 2020 档案

摘要:最近在使用echarts的时候发现有时候数据多了,柱状图就会超过刻度值的背景边框。 比如这样的效果 boundaryGap值,修改boundaryGap值为true即可。 阅读全文
posted @ 2020-06-29 15:56 imcrony 阅读(1514) 评论(0) 推荐(0) 编辑
摘要:使用的时候需要引入百度echartsjs.js文件 效果图 let data = { xData: ['花溪区', '南明区', '观山湖区', '钟山区', '六枝特区', '红花岗区', '汇川区', '遵义县', '西秀区', '平坝县', '玉屏县'], yData: [0.1, 0.15, 阅读全文
posted @ 2020-06-29 15:09 imcrony 阅读(2046) 评论(0) 推荐(0) 编辑
摘要:使用前引入百度echarts插件 代码如下: // 节点图标 let appSymbol = "path://M960 42.666667H64c-12.8 0-21.333333 8.533333-21.333333 21.333333v896c0 12.8 8.533333 21.333333 阅读全文
posted @ 2020-06-23 09:01 imcrony 阅读(959) 评论(0) 推荐(0) 编辑
摘要:页面需要引入百度echarts插件。 var uploadedDataURL = "/asset/get/s/data-1591343795436-TgLtkd9hN.json";可以使用阿里云提供的地图数据 /** 此版本通过设置geoindex && seriesIndex: [1] 属性来实现 阅读全文
posted @ 2020-06-19 13:49 imcrony 阅读(684) 评论(0) 推荐(0) 编辑
摘要:首先需要引用百度ECharts.js最新版本,然后把下面代码里面的json数据改成阿里云的地图数据 /areas_v2/bound/500000.json 改变下面JS里相应的值即可使用。 效果如下: 详细代码: var uploadedDataURL = "/asset/get/s/data-15 阅读全文
posted @ 2020-06-18 14:19 imcrony 阅读(4652) 评论(0) 推荐(1) 编辑
摘要:参考代码: var uploadedDataURL = "/asset/get/s/data-1585799654003-46R-3f-c3.json"; //线条聚点 var geoGpsMap = { '1': [116.415, 39.915], '2': [116.448, 39.935], 阅读全文
posted @ 2020-06-18 13:55 imcrony 阅读(1205) 评论(2) 推荐(0) 编辑
摘要:使用前请先引入百度echarts.js最新插件 效果图如下: 具体代码如下: //跳转代码 myChart.on('click', function(params) { console.log(params.name); window.open(params.data.url); // window 阅读全文
posted @ 2020-06-17 21:57 imcrony 阅读(832) 评论(0) 推荐(0) 编辑
摘要:用js css3制作跟随鼠标悬停网页彩虹泡泡,彩色渐变的气泡光标ui动画特效。 document.addEventListener('mousemove', function(e) { let body = document.querySelector('body'); let circle = d 阅读全文
posted @ 2020-06-12 10:00 imcrony 阅读(858) 评论(0) 推荐(0) 编辑
摘要:使用前先引入百度echarts.js 效果如下 具体代码 var data = [{ value: 100, name: 'Chrome移动版', label: { color: '#fff' }, itemStyle: { }, emphasis: { itemStyle: { } } }, { 阅读全文
posted @ 2020-06-08 15:00 imcrony 阅读(1248) 评论(0) 推荐(0) 编辑
摘要:使用的时候引用一下jquery.js 具体代码如下: <div class="tablebox clearfix"> <table id="tableId" class="cui-table tbg" border="0" cellspacing="0" cellpadding="0" style= 阅读全文
posted @ 2020-06-03 18:51 imcrony 阅读(951) 评论(1) 推荐(1) 编辑
摘要:使用的时候需要引入jquery.js库。 效果演示 代码 var M = Math, PI = M.PI, TWOPI = PI * 2, HALFPI = PI / 2, canvas = document.createElement( 'canvas'), ctx = canvas.getCon 阅读全文
posted @ 2020-06-02 10:59 imcrony 阅读(603) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示