Dalin0929的博客

echarts横向立体3D柱状图

地图自定义省市区合并展示数据整合

效果图：实现代码：var xData = ["项目1", "项目2", "项目3", "项目4", "项目5", "项目6"]; // 计划数据数组var planData = [320, 302, 301, 334, 390, 0];// 完成数据数组var completeData = [320, 132, 101, 0, 90, 0];var color = [ { type: "linear", x: 0, x2: 1, y:

效果图：实现代码：var data = [{value: 85}];var num = data[0].value / 100var option = { backgroundColor: '#fff', series: [{ type: 'gauge', splitNumber: 1, axisTick: { show: false }, axisLabel: { show: false, }, ax

效果图：实现代码：function getPieOption (data) { var imageArr = [ './img/officeSupplies_04.gif', './img/officeSupplies_06.gif' ]; if (!data[0]) imageArr[0] = ''; if (!data[1]) imageArr[1] = ''; var seriesData = [ {

效果图：实现代码：// 立体多柱状图function getSolidOption(data1, data2, data3) { // 月份坐标轴 var nowMonth = new Date().getMonth() + 1; var lineXAxisData = []; for (var i = 5; i >= 0; i--) { var month = nowMonth - i; if (month < 1) { lineXAxisD

效果图：实现代码：function getEcharts3DBar (xAxisData, data, colorType) { var colorArr = []; if (colorType == '01') { colorArr = ["#2886c6", "#50bfda", "#89e3ec"]; } else { colorArr = ["#28c1c6", "#50dac0", "#87e8c7"]; } var c

效果图：1.默认展示全国地图2.双击江苏区域，展示江苏省地图3.双击南京市区域，展示南京市地图注：左上角点击返回上一级，可依次返回至上一级地图。实现代码：// 地图var mapStack = []; //存储双击时当前地图，用于返回上一级var curMap = {}; //当前地图信息var mapData = {}; //存储当前地图各个区域的名称、code编码等，便于双击时获取该区域编码加载下一级的地图function initOption (mapName) { //

效果图：实例代码：function getHalfPro ( value, color ) { return { title: { text: '完成率', left: 'center', bottom: '20%', textStyle: { fontSize: '200%', fontWeight: 'bold',

效果图：实例代码：let option = { tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)' }, series: [ { name: '数据', type: 'pie', selectedMode: 'single', radius: [