![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ECharts
Artoria____
All the injustices are caused by our own incompetence
展开
-
ECharts从零开始(七)—— pie
这篇博文介绍饼图饼图(pie)borderColor & borderWidth我们可以通过borderColor和borderWidth来修改饼图边框色以及宽度:不过通常是将borderColor设置为白色来分开每块区域:label & labelLine首先可以在label中修改position的位置,可以设置为inside(inner同inside...原创 2019-09-08 10:23:20 · 1587 阅读 · 0 评论 -
ECharts从零开始(六)—— Candlestick & Scatter
这篇博文主要介绍k线图、散点图(scatter)一、k线图K线图,全名为Candlestick。一个K线图中包含四个数据,即开盘价、最高价、最低价、收盘价,所有的k线都是围绕这四个数据展开,反映大势的状况和价格信息。当开盘价低于收盘价时,表明当天是盈利的,称作阳线;当开盘价高于收盘价时,表明当天是亏损的,称作阴线。在涨和停的颜色分布上,默认为“红涨蓝停”或红涨绿停,可以在itemSty...原创 2019-09-07 11:07:21 · 1828 阅读 · 0 评论 -
ECharts从零开始(五)—— dataZoom & tooltip
这篇博文主要介绍dataZoom以及tooltip。一、dataZoomdataZoom组件用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。现在的dataZoom支持dataZoomInside和dataZoomSlider两种,前者是内置型数据区域缩放组件,内置于坐标系中的;后者是滑动条型数据区域缩放组件,有单独的滑动条,可在滑动条上进行缩放或漫游。...原创 2019-09-06 23:07:13 · 1416 阅读 · 0 评论 -
ECharts从零开始(四)—— title & legend
在对Line和Bar有了些许了解后,发现其实之前提到的title和legend下也有很多可以调整美化的。首先对title和legend下的参数进行详细的介绍。title每个图表最多仅有一个标题控件,但每个标题控件是可以设置主副标题的。title还支持九宫格自由布局的。那么先补充下什么是九宫格布局:left,topcenter,topright,top...原创 2019-09-06 19:33:26 · 907 阅读 · 0 评论 -
ECharts从零开始(三)—— Bar
本篇博文主要介绍bar中的一些参数以及如何绘制叠式柱形图。首先legend、datazoom、toolbox等配置上篇博文已经介绍,本篇就不再继续描述。bar的seires中有以下参数:barWidth&barMaxWidthbarWidth:柱条的宽度,不设时是自适应的,值不仅仅可以是数字,还可以为百分比。barMaxWidth:柱条的最大宽度,同样是自适应且支持百分...原创 2019-09-05 14:34:38 · 2290 阅读 · 0 评论 -
ECharts从零开始(二)—— Line
上篇博文介绍了如何简单地将官网中的实例绘制出来,这一篇来对实例中的Line进行一些简单地美化修改。首先要知道一些名词,就一个简单地官网实例来说:title、legend、toolbox如上图所示,其他的包括主体数据基本都是在series里面修改美化。这个实例的option代码如下:option = { title: { text: '未来一周气温变化', ...原创 2019-09-04 21:55:00 · 2969 阅读 · 0 评论 -
ECharts从零开始(一)
最近发现了一个高逼格的可视化工具ECharts,在简单接触后发现是用JAVA写的,奈何不会JAVA。于是在网上搜了搜整理了下,把一些思路及参考文献放在这。ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safa...原创 2019-09-03 10:17:16 · 1825 阅读 · 0 评论 -
ECharts从零开始(八)—— gauge & funnel
这篇博文介绍仪表盘(gauge)和漏斗图(funne)一、gaugeradius & startAngle & endAngleradius为仪表盘半径,可以是相对于容器高宽中较小的一项的一半的百分比,也可以是绝对的数值。startAngle和饼图类似,同为开始时的角度,默认为225°min & maxsplitNumberaxisLine...原创 2019-09-12 20:27:32 · 1846 阅读 · 0 评论