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