vue
幻影-68933
这个作者很懒,什么都没留下…
展开
-
echarts常见图形-横向柱状图(六)
横向柱状图-不同颜色,自动轮播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 · 2292 阅读 · 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 · 5068 阅读 · 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 · 1219 阅读 · 0 评论 -
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 · 505 阅读 · 0 评论 -
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 · 1725 阅读 · 1 评论 -
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 · 6665 阅读 · 5 评论