幻影-68933-CSDN博客

原创 echarts图形绘制相关问题总结

echarts图形绘制相关问题总结1.柱状图x轴最后一个标题文字加粗解决办法？1.柱状图x轴最后一个标题文字加粗解决办法？xAxis: [ { type: 'category', data: xData, axisTick: { alignWithLabel: true }, axisLine: { lineStyle: { color: '#ccc

2021-02-22 10:28:03 477 2

横向柱状图-不同颜色，自动轮播1.最终效果图2.echarts文件(jgjcssl.js)3.vue文件中3.1 html3.2 js逻辑处理(引入jgjcssl.js)1.最终效果图2.echarts文件(jgjcssl.js)export const jgjcsslOption = (colorList, dataNames, dataValue, timer) => { // let dataValue = [100, 200, 300, 500, 600, 700, 900, 13

2021-01-13 14:18:11 2306 4

原创 echarts常见图形-时间轴(五)

时间轴1.最终效果图2.echarts文件(timeline.js)3.vue文件中3.1 html3.2 js逻辑处理(引入timeline.js)1.最终效果图2.echarts文件(timeline.js)let option = { baseOption: { textStyle: { fontFamily: "BebasNeue" }, timeline: { axisType: "category", // realtime

2021-01-13 13:52:12 5098 1

原创 echarts常见图形-饼状图(四)

饼状图-自动轮播1.最终效果图2.echarts文件(jylxfx.js)3.vue文件中3.1 html3.2 js逻辑处理(引入jylxfx.js)1.最终效果图2.echarts文件(jylxfx.js)export const jylxfxOption = sData => { // let sData = [ // { // name: "种植业", // value: 456 // }, // { //

2021-01-13 13:35:30 1233

原创 echarts常见图形-折线图(三)

这里写目录标题1.最终效果图2.echarts文件(ndfx.js)3.vue文件中3.1 html3.2 js逻辑处理(引入ncplxfx.js)1.最终效果图2.echarts文件(ndfx.js)import echarts from "echarts";export let ndfxOption = (xData, sData_shengjsf, sData_shijsf, sData_xianjsf) => { // let xData = ["2015", "2016",

2021-01-13 13:23:53 511

原创 echarts常见图形-不同种类不同颜色柱状图(二)

颜色分类柱状图一级目录1.最终效果图2.echarts文件(ncplxfx.js)3.vue文件中3.1 html3.2 js逻辑处理(引入ncplxfx.js)一级目录1.最终效果图2.echarts文件(ncplxfx.js)import echarts from "echarts";export const ncplxfxOption = (xData, sData) => { let colorArr = [ { top: "#097693",

2021-01-13 11:40:02 1739 1

原创 js常用骚操作汇总

目录1.获取浏览器路径指定参数1.获取浏览器路径指定参数function getBrowserUrl() { const urlObj = {}; const browserUrl = "http://10.1.193.200:8080/sso/redirect?source_url=http://172.30.12.51&redirect_url=http://172.40.10.11&target_url=http://172.40.10.11&jwt

2021-01-12 09:11:29 252

原创拖拽

index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style type="text/css"> #box{ width: 300p

2020-12-22 09:37:47 136

原创 echarts常见图形-横向排行榜柱状图(一)

1.js文件（njyyfx.js）export let njyyfxEcharts = (yData, sData1, sData2) => { let option = { tooltip: { trigger: "axis", show: true, axisPointer: { type: "shadow" }, formatter: function(objs) { let obj = .

2020-12-21 16:23:14 6749 5

原创 js 数组常用方法总结

1.任意范围的随机整数function randomInt(min,max){ if(min > max){ var t = min; min = max; max = t; } return Math.floor(Math.random() * (max - min + 1) + min);}console.log(1,10); //52.排序 2.1 冒泡排序//(从小到大)function bu

2020-09-07 15:45:42 352

转载 js时间相关函数汇总

1.获取当前年月日function getYearDate() { let tempDate = null; let d = new Date;var year = d.getFullYear(); let month = (d.getMonth() + 1) >=10? (d.getMonth() + 1) : "0" + (d.getMonth() + 1); let date = d.getDate() >=10 ? d.getDate() : "0" +

2020-09-07 14:59:40 907

qq_43167748的博客