![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts
花开花落的博客
这个作者很懒,什么都没留下…
展开
-
echarts 获取y轴刻度范围
echarts 获取y轴刻度范围echarts图表重绘,简单的设置setOption只能是数据增加的时候有变化,数据减少的时候没有任何改变,因为setOption的第二个参数默认为false原创 2021-09-03 09:09:16 · 3460 阅读 · 4 评论 -
echarts动态排序柱状图 学习笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动态.原创 2021-08-28 11:07:39 · 4422 阅读 · 1 评论 -
zrender 事件与echarts 事件不同
myChart.getZr().on('click', function (event) { // 该监听器正在监听一个`zrender 事件`。});myChart.on('click', function (event) { // 该监听器正在监听一个`echarts 事件`。});zrender 事件与echarts 事件不同。前者是当鼠标在任何地方都会被触发,而后者是只有当鼠标在图形元素上时才能被触发。事实上,echarts 事件是在zrender 事件的基础上实现...原创 2021-08-25 10:18:48 · 928 阅读 · 0 评论 -
echarts 饼图调用高亮示例 dispatchAction
<!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var app = {}; ..原创 2021-08-25 10:02:53 · 3199 阅读 · 0 评论 -
echarts 中的事件与行为
在 ECharts 中基本上所有的组件交互行为都会触发相应的事件,常用的事件和事件对应参数在events文档中有列出。下面是监听一个图例开关的示例:// 图例开关的行为只会触发 legendselectchanged 事件 myChart.on('legendselectchanged', function (params) { // 获取点击图例的选中状态 var isSelected = params.selected[par..原创 2021-08-25 09:04:28 · 414 阅读 · 0 评论 -
echarts图表的交互组件
数据区域缩放组件dataZoom:对数轴(axis)进行数据窗口缩放、数据窗口平移操作。dataZoom组件可同时存在多个,起到共同控制的作用。控制同一个数轴的组件会自动联动。dataZoom的原理是通过数据过滤(条件筛选)达到数据窗口缩放的效果。dataZoom内置型数据缩放组件(dataZoomInside),内置于坐标系中(肉眼不可见),通过鼠标滑轮来进行放大缩小,x轴(xAxisIndex)、y轴(yAxisIndex)分别进行设置,不注明时默认控制x轴。dataZoom滑动条型数据原创 2021-08-24 15:24:26 · 478 阅读 · 0 评论 -
echarts图 饼图折线图联动
import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;setTimeout(function () { option = { legend: {}, tooltip: { trigger: 'axis', .原创 2021-08-20 16:57:02 · 1300 阅读 · 0 评论 -
echarts 学习笔记
echarts基础概念:系列 series:一组数值以及他们映射成的图。“系列”这个词原本可能来源于“一系列的数据”,而在 echarts 中取其扩展的概念,不仅表示数据,也表示数据映射成为的图。所以,一个系列包含的要素至少有:一组数值、图表类型(series.type)、以及其他的关于这些数据如何映射成图的参数。echarts 里系列类型(series.type)就是图表类型。系列类型(series.type)至少有:line(折线图)、bar(柱状图)、pie(饼图)、scatter(散..原创 2021-08-18 17:38:41 · 2468 阅读 · 0 评论 -
如何开始一个 echarts
第一步:创建html页面,引入echarts的js文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script></head></html>第二步:为echarts准备一个具备宽高的dom容器用原创 2021-08-14 09:18:51 · 118 阅读 · 0 评论