echarts使用教程
文章平均质量分 80
主要介绍 echarts 使用教程,顺便探究一下 echarts 的一些缺陷和可改进的地方。
BloodyMandoo
人懒,懒人
展开
-
echarts实用篇(一)——饼状图
echarts实用篇(一)——饼状图从官网上我们可以看到通常用到的有这几类:常规饼状图环形图嵌套环形图纹理饼图南丁格尔玫瑰图定制饼状图下面来看看各类的基本做法,直接使用官网上的例子。常规饼状图代码主体:option = { title : { text: '某站点用户访问来源', subtext: '纯属虚构原创 2017-07-27 10:38:49 · 27299 阅读 · 0 评论 -
ECharts3基础教程(三)title配置篇
Echart3配置title本篇主要介绍 title 配置时所涉及的各个属性的作用:title 下的各个属性如下图:show title.show | boolean [ default: true ] 是否显示标题组件。-例子@requires_authorizationdef somefunc(param1='', param2=0)原创 2017-07-04 12:53:45 · 5121 阅读 · 0 评论 -
ECharts3基础教程(二)Option简单配置篇
上一篇中简单的介绍了,echarts3 生成图形的简单使用,可以看出其中最主要的在于 Option 的配置,下面简单的介绍一下其配置方法;以后会着重介绍并添加实例。原创 2017-06-20 15:39:29 · 1190 阅读 · 0 评论 -
ECharts3基础教程(一)简单上手篇
要使用 ECharts3 绘制简单的图形,可以分为几个简单的步骤:一、引入 ECharts 二、为 ECharts 准备具备宽高的 DOM 容器 三、通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图 ECharts原创 2017-06-19 11:49:36 · 3732 阅读 · 0 评论 -
echars 地图应用
首先,来做一个简单的例子,先下载js文件(echarts.min.js),下载完整的;参照官网上的例子做个实验 ECharts // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementBy原创 2017-04-27 17:44:36 · 1050 阅读 · 0 评论 -
echart3模拟迁徙
不多说话直接上代码 // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { backgroundColor: '#404a59',原创 2017-05-10 16:29:07 · 1181 阅读 · 0 评论 -
echarts饼状图
一、echarts 饼状图引用文件 echart 初始化 var myChart = echarts.init(document.getElementById("main")); myChart.setOption(option);配置 optionoption = { title : { text: '南丁格尔原创 2017-05-18 18:03:47 · 87692 阅读 · 4 评论 -
echarts在地图上画饼状图
说实话,echarts 有很多的功能真的很难去实现,而且实现了也不完美;就拿今天这个主题来说,我们有时候可能会有这样的需求:一个大企业,在全球范围内都有项目,于是要求我们做一张表报能展示全球范围内各个城市的项目以及在该项目产能占比(饼状图)。这样的结果就是要求我们把饼状图定位到经纬度中。先把我写的例子拿出来,然后在说一下我的思路和对这个问题的看法: EChar原创 2017-06-01 17:30:17 · 7167 阅读 · 3 评论 -
echarts 种 legend 的相关问题
不熟悉 legend 的话,可以先去看看配置文档 http://echarts.baidu.com/option.html#legend总体来看,配置可以分为以下几部分:1、是否显示2、显示位置3、显示样式(整体水平、垂直,个体颜色、字体、大小、边界、阴影,个体之间间隔)4、是否选取5、是否开启点击选取和取消选取配置的主要内容大体可以分为几部分,今天主要说说它的相关 A原创 2017-06-07 18:58:07 · 6170 阅读 · 0 评论