canvas教程

基于html5 Canvas图表库 : ECharts(2)

字号+ 作者:H5之家 来源:H5之家 2017-05-16 15:00 我要评论( )

动态数据添加 如果你需要展示有实时变化的数据,相信这个动态接口会对你很有帮助。 标线辅助 趋势线?平均线?未来走势?修正值?有需求用户自然知道用意~ 提供标线辅助在K线图中可是必要的功能!是的,K线图我们正

Echarts 大规模散点图

动态数据添加

如果你需要展示有实时变化的数据,相信这个动态接口会对你很有帮助。

Echarts 动态数据添加

Echarts 动态数据添加

标线辅助

趋势线?平均线?未来走势?修正值?有需求用户自然知道用意~

提供标线辅助在K线图中可是必要的功能!是的,K线图我们正在开发中~

Echarts 标线辅助

多维度堆积

支持多系列,多维度的数据堆积,配合自动伸缩的图形实体和直角坐标系,能呈现出更有内涵的统计图表~

Echarts 多维度堆积

子区域地图模式

地图类型支持world,china及全国34个省市自治区。同时支持子区域模式,通过主地图类型扩展出所包含的子区域地图,轻易输出全球176个国家地区和全国600多个省市区域简图。

Echarts 子区域地图

GeoJson地图扩展

内置地图由标准GeoJson地理数据并经过高效的压缩算法压缩生成的地图数据(大小仅为标准geoJson的30%左右)驱动而来。如果内置地图类型或数据如果并未满足你的项目需要,可通过简单动态注册产生你所需要的新类型。

Echarts 标准GeoJson扩展

标注 & 标线

添加额为的标注内容是常用的功能,如地图上标注某些特定位置,折线图上标注极值点或者柱形图里标线出变化趋势,ECharts全系列图表支持标注标线功能,并且与生俱来的可以响应图例开关、值域漫游等组件的交互功能。

Echarts 全系列图表支持标注、标线

个性化定制

500+个可配置选项结合多级控制设计满足高度定制的个性化需求。

Echarts 高度个性化

事件交互

可以捕获的用户交互和数据变化事件实现图表与外界的联动

Echarts 事件交互

相关资料

标签:HTML5、图表

扫一扫,用手机观看!

用微信扫描还可以

分享至好友和朋友圈

本文标题:基于html5 Canvas图表库 : ECharts - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,请随意打赏

赞赏作者

轩枫-ivan

6.66

使用微信扫一扫赞赏

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5 Canvas画图5:画曲线之arc

    html5 Canvas画图5:画曲线之arc

    2017-05-16 18:02

  • HTML5中的nav标签学习笔记

    HTML5中的nav标签学习笔记

    2017-05-16 10:02

  • HTML5 Canvas和EaselJS入门(译)

    HTML5 Canvas和EaselJS入门(译)

    2017-05-16 08:05

  • face定义的字体怎么在canvas里应用?

    face定义的字体怎么在canvas里应用?

    2017-05-14 15:06

网友点评
o