![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECharts
yzhSWJ
一个爱小猪的程序员
展开
-
Echarts高和宽自适应问题
<div id="myEcharts" style="display: none"> <div id="main" ></div> </div>function creatEcharts() { let myChartId = document.getElementById("main"); //高度计算 this.chartssize(document.getElementById("myEch..原创 2021-06-24 11:33:26 · 506 阅读 · 0 评论 -
AmCharts 上下联动的图表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="font/ic.原创 2021-03-12 20:46:29 · 312 阅读 · 0 评论 -
Echarts点击事件,放入图标显示以外的数据,并获取用来当参数传递
var rains = []; rains.push({value:'图标默认显示value','Name':'不需要在图表显示'})option = { series: [{ //data: [5, 20, 36, 10, 10, 20]//这是官网上的例子给的data格式... data: [ {value:22,"Name":"不需要在图表显示1"}, {value:12,"Name":"不需要在图表显示...原创 2021-02-18 11:09:23 · 981 阅读 · 0 评论 -
Echarts 折线图自动切换数据
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> <script> window.onload=function(原创 2020-11-30 23:10:56 · 2084 阅读 · 0 评论 -
Echarts禁止鼠标悬浮放大属性
series:[{ hoverAnimation: false, silent: true,}]原创 2020-11-30 16:34:29 · 4050 阅读 · 0 评论 -
Element-ui Table
<style> [v-cloak]{ display: none; } /* 奇数行 */ #con1 li:nth-child(odd){ background: #f9f9f9; } /* 偶数行 */ #con1 li:nth-child(even){ background: #edf0f3; } .el-table .warning-row {原创 2020-11-30 15:20:15 · 112 阅读 · 0 评论 -
Echarts渐变
series: [ { name: '', type: 'bar', barWidth:20, barCategoryGap: 50, label: { show: true, position: 'right'原创 2020-11-27 10:58:38 · 121 阅读 · 0 评论 -
Echarts整合
Echarts-基础配置文档GIt地址需要了解的主要配置:series xAxis yAxis grid tooltip title legend colorseries系列列表。每个系列通过 type 决定自己的图表类型大白话:图标数据,指定什么类型的图标,可以多个图表重叠。xAxis:直角坐标系 grid 中的 x 轴boundaryGap: 坐标轴两边留白策略 true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间。**yAxis:**直角坐标系 gri原创 2020-11-25 23:04:26 · 217 阅读 · 0 评论 -
一、ECharts(各种统计图)
一、ECharts1、简介ECharts是百度的一个项目,后来百度把Echart捐给apache,用于图表展示,提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。官方网站:https://echarts.baidu.com/2、基本使用入门参考:官网->文档->教程->5分钟上手ECha原创 2020-06-12 23:54:11 · 2242 阅读 · 0 评论