![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
一行注释
这个作者很懒,什么都没留下…
展开
-
echarts 关系图graph 实现思维导图
categories记录category值 对应样式。wid记录页面宽度,均分各节点位置。原创 2023-05-30 09:40:55 · 1112 阅读 · 0 评论 -
自定义echarts地图展示行政区域
展示全国前十数据省份及数据大小如图echarts地图设置map默认显示中国地图,若想自定义各省市县地图需要先引入当地数据资源json文件以沈阳为例 首先引入沈阳json文件 如下importshenyangfrom'./static/210100.json';registerMap 重置渲染json数据echartObj = echarts.init(document.getElementById('echarts_id'));echarts.registerM...原创 2021-05-25 14:56:15 · 2222 阅读 · 0 评论 -
中国地图下钻式echarts图表数据处理
首先加载全国路线图findMap(){ let _this = this, param = {} _this.chinaOpt = echarts.init(document.getElementById('chinaflag')); _this.chinaOpt.clear() _this.$store.dispatch("url", {param}).then(res=>{ let原创 2020-09-04 13:08:28 · 747 阅读 · 0 评论 -
vue全家桶+Echarts+百度地图,搭建数据可视化系统
本文章篇幅略长,内容有点多,大佬可根据目录选择性查阅,新人可一步步来阅读。1、 前言1.1 业务场景突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图,类似于数据可视化的方式。本人之前从未接触过Echarts,然后需要2周拿出成果,有点慌????????1.2 业务分析拿到需求看了一下。支持用户名、密码登录,默认显示一个维度数据,然后点击可钻取进入第二维度数据,再点击进入第...转载 2020-03-05 13:11:16 · 1442 阅读 · 1 评论 -
echarts设置y轴 自定义颜色
根据业务需求,特殊标记点设置特殊提示在color:function()中进行判断,同理如果显示label自定义在formatter中进行yAxis:{{ type: 'value', name: '温度', min: 0, max: 25, position: 'left', axisLine: { lineStyle:...原创 2020-01-07 17:59:24 · 6519 阅读 · 1 评论 -
手写一个mini-webpack
前言webapck 相关的内容: 手写一个 JavaScript 打包器 所有配置项 优化 90% 打包速度 优化包体积 优化首屏加载时间与页面流畅度 构建包分析 详细配置 手写一个 webapck 插件(模拟 HtmlWebpackPlugin 的实现) webapck4 核心源码解读 webap...转载 2020-01-03 13:19:34 · 183 阅读 · 0 评论 -
ECharts 定制 label 样式单独加颜色
label: { normal: { show: true, position: 'outside', fontSize: 11, formatter: function(param...原创 2019-12-18 16:41:31 · 1582 阅读 · 0 评论 -
echarts中配置信息记录
title: { x: 'left', // 水平安放位置,默认为左对齐,可选为: // 'center' ¦ 'left' ¦ 'right' // ¦ {number}(x坐标,单位px) ...原创 2019-08-16 14:35:25 · 189 阅读 · 0 评论 -
vue 项目引入 echarts 添加点击事件
main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsvue文件中_this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar'))_this.calendarChart.on...原创 2019-04-19 13:56:08 · 13718 阅读 · 3 评论 -
vue使用echarts方式
首先再package.json中的"dependencies": {//添加echartsecharts-wordcloud热词云需单独引用"echarts": "^4.2.0-rc.2","echarts-wordcloud": "^1.1.3"}建立图表文件 文件内为初始化方法和公用属性<template> <div :style...原创 2019-04-02 09:14:59 · 311 阅读 · 0 评论 -
echart随窗口大小变化自适应
width换成百分比myChart.setOption(options);window.onresize = myChart.resize;添加resize即可原创 2019-04-01 09:23:57 · 2159 阅读 · 0 评论 -
echarts图表显示日历带日期数据统计
echarts图表显示日历带日期数据统计let lastday=30;if(month==2){ lastday=28}else if(['01','03','05','07','08','10','12'].indexOf(month)>=0){ lastday=31}var date = new Date(year+'-'+month+'-01').getTime...原创 2019-04-04 09:33:49 · 6478 阅读 · 0 评论 -
echarts四象限图实现自定义均值
var sourceData = [{//均值线参数 name: '王小虎', sales: 142.56, services: 64.5}]var seriesData = sourceData.map(function(item, index, array) { return { name: item['name'],//实际点...原创 2019-03-13 14:50:10 · 2105 阅读 · 0 评论 -
echarts散点图气泡图配置scatter 鼠标滚动 自定义横纵坐标
spreadAnalysisOption = { tooltip: { show: false }, xAxis: { min:1351246420867, ...原创 2019-02-27 15:27:23 · 3130 阅读 · 0 评论 -
echarts改变进度条及渐变色
样式如图实现:两个series数据 一个条一个框渐变色color: new echarts.graphic.LinearGradient( 0, 0, 1, 0, [{ offset: 0, color: '#00a3ea' }, { offset: 1, color: '#00defe' }]) ...原创 2018-12-03 14:02:34 · 9019 阅读 · 3 评论