echart

作者: 策马踏清风 | 来源:发表于2020-06-18 15:21 被阅读0次

    ECharts是百度开源的前端可视化工具,纯js图标库

    基本图类

    echart-gl还提供了3D的图表,这里只列举2D图表

    1. 柱状图(Bar)
    2. 折线图(Line)
    3. 散点图(Scatter)
    4. K线图(K)
    5. 饼图(Pie)
    6. 仪表盘(Gauge)
    7. 漏斗图(Funnel)
    8. 地图(Map)
    9. 雷达图(Radar)
    10. 和弦图(Chord)
    11. 力导布局图(Force)
    12. 孤岛图(Island)

    以下图可以混搭使用
    折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、 饼图(环形图)、雷达图、地图、和弦图、力导布局图

    组件

    1. 坐标轴(Axis)
    2. 网格(Grid)
    3. 极坐标(Polar)
    4. 标题(Title)
    5. 提示(Tooltip)
    6. 图例(Legend)
    7. 数据区域缩放(DataZoom)
    8. 值域漫游(DataRange)
    9. 工具箱(Toolbox)
    10. 时间轴(Timeline)

    特性

    名称 描述
    拖拽重计算 可以通过拖拽的方式提取、整合当前图表的数据;多表之间交换数据
    数据视图 将图表数据输出成文本,并可以直接编辑
    动态类型切换 折线图、柱状图自由切换
    图例开关 通过点击图例,可以隐藏/显示部分数据
    数据区域选择 通过拖动滑块,选择展示的数据区域
    多图联动connect 多张图之间事件共享,保存图片时自动拼接。多张图公用一个区域选择以及详细信息查看等,用于展示相关数据的不同视角。
    值域漫游 基于坐标的图标(地图、散点图)是通过颜色表明数组大小的,此功能可以只显示某个区域的数值
    炫光特效 可以在地图上展示好看的光电以及标线
    大规模散点图 900 x 400的区域就可以显示36W组,上百万的散点数据也能轻松展示
    数据动态加载 每次setOption之后echart会自动获取不同的地方,并进行平滑转换
    标线辅助 k线图可以画辅助标线
    多维度堆积 多组数据叠加
    子区域地图 通过主地图类型拓展出子区域地图
    GeoJson地图扩展 压缩的地图拓展
    事件交互 获取用户与图标的交互数据

    相关文章

      网友评论

          本文标题:echart

          本文链接:https://www.haomeiwen.com/subject/krjuxktx.html