Dojo 可视化库支持的曲线图和图表

HTML5 herman 584浏览 0评论
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog,发送下载链接帮助你免费下载!
本博客日IP超过1800,PV 2600 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog,之前的微信号好友位已满,备注:返现
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领

使用 Dojo 的制图模块,您可以快速轻松地将外观美观、功能强大的动态图表和曲线图添加到您的 web 页面。本文提供 Dojo 可视化库提供的主要图表类型的一个概览。

线形图

使用基本的线形图,您可以绘制线条并在数据点上放置标记。有几种类型的线形图:

  • Default:通用线形图能够绘制线条,填充线条下面的区域,并在数据点上放置标记;如果在添加到绘图区时没有指定绘制类型,将使用这种类型。
  • Lines:基本线形图;与 Default 配合使用
  • Areas:数据线下方的区域被填充;与 Default 配合使用
  • Markers:带标记的线条;与 Default 配合使用
  • MarkersOnly:只有标记,没有线条;与 Default 配合使用

带标记的线形图

堆叠线形图

堆叠线形图的选项包括:

  • Stacked:绘制的数据集与前面的数据集相关;Default 类型的扩展
  • StackedLines:使用线条的堆叠数据集;与 Stacked 配合使用
  • StackedAreas:图表线条下方区域填充的堆叠数据集;与 Stacked 配合使用

堆叠区域图,拥有图表线条下方区域填充的堆叠数据集

条形图

经典条形图拥有以下选项:

  • Bars:水平条
  • ClusteredBars:带有聚簇数据集的水平条;与 Bars 配合使用
  • StackedBars:带有水平条的堆叠数据集;与 Bars 配合使用

柱形图

柱形图有以下几种类型:

  • Columns:垂直条
  • ClusteredColumns:带有聚簇数据集的垂直条;与 Columns 配合使用
  • StackedColumns:带有垂直条的堆叠数据集;与 Columns 配合使用

聚簇柱形图拥有带有聚簇数据集的垂直条

其他类型

下面是其他类型的图表:

  • Pie:也许是最常见的图表类型之一
  • Scatter:类似于 MarkersOnly,但支持使用渐变区域绘制
  • Grid:用于向图表添加一个网格层

饼图是一个分为多个扇区的圆形图表,扇区代表各个组成部分。

地图图表

在一个地图图表中,您可以基于地理数据绘制地图。在本文末尾进一步了解 地图图表。总的来说 dojo 很强大,和百度的ECharts类似。

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加QQ1群:135430763(2000人群已满),QQ2群:454796847(已满),QQ3群:187424846(已满)。QQ群进群密码:xttblog,想加微信群的朋友,之前的微信号好友已满,请加博主新的微信号:xttblog,备注:“xttblog”,添加博主微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

本文原文出处:业余草: » Dojo 可视化库支持的曲线图和图表