
ECharts
数据可视化中非常常用的一个插件
风吹我亦散
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ECharts 事件处理
观看ECharts 官网的笔记事件处理在Android和Web 中,都有按钮点击事件,点击按钮,就会进行相应的操作在ECharts 中,我们可以通过 on 方法监听用户的操作行为来回调对应的函数。比如跳转到一个地址,或者弹出对话框,或者做数据下钻等等。ECharts 中事件分为两种类型:用户鼠标操作点击,如 ‘click’、‘dblclick’、‘mousedown’、‘mousemove’、‘mouseup’、‘mouseover’、‘mouseout’、‘globalout’、‘conte原创 2020-06-27 22:26:51 · 769 阅读 · 0 评论 -
ECharts -Media Query
目录ECharts组件的定位和布局定位方式横向(horizontal)和纵向(vertical)Media Queryquery:option:ECharts组件的定位和布局定位方式大部分『组件』和『系列』会遵循两种定位方式:left/right/top/bottom/width/height 定位方式:这六个量中,每个量都可以是『绝对值』或者『百分比』或者『位置描述』。绝对值单位是浏览器像素(px),用 number 形式书写(不写单位)。例如 {left: 23, height: 40原创 2020-06-27 21:41:00 · 1583 阅读 · 0 评论 -
ECharts 入门详解
目录ECharts配置语法创建HTML页面为 ECharts 准备一个具备高宽的 DOM 容器设置配置信息相关属性折线图饼图柱状图:更多图形案例ECharts样式设置默认主题使用官方主题编辑器js版本json版本调色盘直接的样式设置 itemStyle, lineStyle, areaStyle, label, ...高亮的样式:emphasisECharts 是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求。因为是使用JavaScript实现的,所以很适合在web应用原创 2020-06-14 21:39:52 · 2421 阅读 · 0 评论 -
echarts 各个配置项详细说明总结
theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a',原创 2020-06-15 13:13:59 · 408 阅读 · 0 评论 -
ECharts dataset 详解
昨天刚开始接触ECharts,学的懵懵懂懂的状态,只是大概了解了一下ECharts的基本概念,很多地方还不是很懂,现在开始学习dataset,我觉得这是一个数据集合,可以用来替代表中的数据。在学习的过程中,会对DataSet有更多的了解目录数据集和系列的对应关系一行数据,一个系列一行数据,多个系列多行数据,一个系列多行数据,多个系列数据集中采用对象数组的格式数据到图形的映射按行还是按列映射维度看一下官网的例子,我觉得不是很懂,不知道数据集和系列队列的关系是什么,数据集和系列的对应关系一行数据,一个系原创 2020-06-19 17:32:40 · 9534 阅读 · 2 评论 -
ECharts 异步加载数据详解
简单的数据初始化是在setOption中直接填入的,但是很多时候可能数据需要异步加载后再填入。ECharts 中实现异步数据的更新非常简单,在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。var myChart = echarts.init(document.getElementById('main'));$.get('data.jso原创 2020-06-15 15:53:09 · 5737 阅读 · 1 评论 -
ECharts 图表交互组件详解
关于dataZoom,visualMap,timeline,title,tooltip,toolbox,legeng组件,在官网教程的基础上增加了提示,简单修改了官网的例子,便于理解,并将这些组件的相关设置进行了总结原创 2020-06-19 19:19:33 · 2397 阅读 · 1 评论 -
Android使用绘图插件ECharts 画折线图,饼图,柱状图,正弦图
文章主要参考:https://www.jianshu.com/p/c2b589170379目录基本配置下载添加echarts依赖:添加gson应用更多ECharts 是由百度开发提供的开源框架,主要提供给Web使用,所以Android中一般使用WebView加载显示,其实本质上也就是用 WebView 加载本地 H5。基本配置下载插件:官网下载:https://echarts.apache.org/zh/download.htmlgit下载https://github.com/apache/原创 2020-06-14 12:39:04 · 4883 阅读 · 17 评论