Echarts配置项

title标题

legend图例

grid直角坐标系内绘图网

xAxis直角坐标系 grid 中的 x 轴

yAxis直角坐标系 grid 中的 y 轴

polar极坐标系

radiusAxis极坐标系的径向轴

angleAxis极坐标系的角度轴

radar雷达图坐标系组件

dataZoom区域缩放

visualMap 是视觉映射组件

tooltip提示框组件

axisPointer这是坐标轴指示器(axisPointer)的全局公用设置

toolbox工具栏。内置有导出图片数据视图动态类型切换数据区域缩放重置五个工具。

brush是区域选择组件

geo地理坐标系组件

parallel平行坐标系介绍

parallelAxis这个组件是平行坐标系中的坐标轴

singleAxis单轴。可以被应用到散点图中展现一维数据.

timeline提供了在多个 ECharts option 间进行切换、播放等操作的功能

graphic 是原生图形元素组件

  1. 可以支持的图形元素包括:
    image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,

calendar日历坐标系组件

dataset数据集组件

aria支持无障碍富互联网应用规范集的组件(WAI-ARIA)

series正八经的图的绘制的方法

一下不同的图的区别都是体现在相同的series属性下的type上

series-line折线/面积图

series-bar柱状图

series-pie饼图

  1. 环形图环内字体设置
emphasis: {
                label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'
                }
            },

series-scatter散点(气泡)图

series-effectScatter带有涟漪特效动画的散点(气泡)图

series-radar雷达图

浮层图

...
tooltip{
  trigger:"axis"  //触发器类型
}
...
series: [
          {
            name: "事件等级",
            type: "radar",
            tooltip: {
              trigger: "item",//触发器内容
            },
]
...

series-tree 树图

series-treemap它主要用面积的方式,便于突出展现出『树』的各层级中重要的节点

series-sunburst旭日图(Sunburst)由多层的环形图组成

series-boxplot分散情况资料的统计图

中文可以称为『箱形图』、『盒须图』、『盒式图』、『盒状图』、『箱线图』,是一种用作显示一组数据分散情况资料的统计图。它能显示出一组数据的最大值、最小值、中位数、下四分位数及上四分位数。

series-candlestick K线图

series-heatmap热力图

series-map地图

series-parallel平行坐标系的系列

series-lines路径图

series-graph关系图

series-sankey桑基图

series-funnel漏斗图

series-gauge仪表盘

series-pictorialBar象形柱图

series-themeRiver是一种特殊的流图, 它主要用来表示事件或主题等在一段时间内的变化

series-custom自定义系列

darkMode是否是暗黑模式

color调色盘颜色列表。如果系列没有设置颜色,则会依次循环从该列表中取颜色作为系列颜色

默认:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']

backgroundColor背景色,默认无背景

textStyle全局的字体样式

animation是否开启动画

animationThreshold是否开启动画的阈值,当单个系列显示的图形数量大于这个阈值时会关闭动画

animationDuration初始动画的时长,支持回调函数,可以通过每个数据返回不同的时长实现更戏剧的初始动画效果

animationEasing初始动画的缓动效果。不同的缓动效果可以参考 缓动示例

animationDelay初始动画的延迟,支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。

animationDurationUpdate数据更新动画的时长

animationEasingUpdate数据更新动画的缓动效果

animationDelayUpdate数据更新动画的延迟

支持回调函数,可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。

stateAnimation状态切换的动画配置,支持在每个系列里设置单独针对该系列的配置。

blendMode图形的混合模式

图形的混合模式,不同的混合模式见 https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

默认为 'source-over' 。 支持每个系列单独设置。

'lighter' 也是比较常见的一种混合模式,该模式下图形数量集中的区域会颜色叠加成高亮度的颜色(白色)。常常能起到突出该区域的效果。见示例 全球飞行航线

hoverLayerThreshold图形数量阈值,决定是否开启单独的 hover 层,在整个图表的图形数量大于该阈值时开启单独的 hover 层。

useUTC是否使用 UTC 时间。

options用于 timeline 的 option 数组。数组的每一项是一个 echarts option ( ECUnitOption )

media移动端自适应

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容