首页 > 编程知识 正文

echarts实现思维导图(echarts组件)

时间:2023-05-06 03:21:20 阅读:80517 作者:242

在echarts新版本3.5中,添加了日历坐标连接,并增强了坐标轴指示器。 此外,还发布了echarts统计扩展1.0版。 日历坐标系用于在日历上绘制图表,坐标轴指示器便于用户观察数据内容,统计扩展是专门用于数据分析的工具。

统计扩展

统计扩展是专门用于数据分析的工具,目前主要包含二维回归、野性小熊猫聚类和常用统计功能。

扩展的回归算法不仅包括常用的线性回归,还包括指数回归、对数回归和多项式回归。

线性回归示例

对数回归的例子

继承可见性分析的宗旨,我们野性小熊猫的聚类分析,不仅可以静态地生成数据集的聚类结果,还可以动态地看到整个聚类的分析过程。

静态生成数据集聚类结果的示例

动态显示整个集群的分析过程示例

与echarts的本机图表不同,统计扩展是作为可扩展工具发布的。 也就是说,从echarts官网下载的完整版本不包括扩展包。 如果将统计扩展与echarts结合使用,则在引入echarts.js后,需要另外引入与统计扩展对应的ecStat.js。 在这里(GitHub )可以找到最新的版本。 其中,dist/ecStat.js可以作为单个文件引用。

日历坐标系

日历坐标系提供了使用新的echarts坐标系在日历上绘制图形的功能。 例如,可以在日历坐标系中放置热图、散点图、关系图等。 以下示例:

在日历坐标系中使用热图

在日历坐标系中使用散点图

水平和垂直放置日历

在日历坐标系中,可以水平放置也可以垂直放置。 如上例所示,使用热量图时,始终水平放置。 但是,如果需要增大格子的尺寸,则水平放置太宽了。 因此,也可以垂直放置。 请参见calendar.orient

尺寸的适应

日历坐标系支持调整不同大小的容器(页面)的大小的自适应。 首先,如同echarts中的其他组件一样,日历坐标系可以使用左、右、顶、底、宽和高来描述其大小和位置。 这样可以将日历放置在上下左右的不同位置,并根据页面大小的调整来调整自己的大小。 也可以使用cellSize固定日历网格的纵横比。

支持中西日历习惯

中国和西方的历法有差异,在西方,人们把星期日作为一周的第一天,而在中国,人们把星期一作为一周的第一天。 日历坐标系支持这种切换。 请参见calendar.dayLabel.firstDay

另外,日历上的“月”和“星期”文字也可以轻松切换和定制中英文。 请参见calendar.daylabel.namemapcalendar.month标签.名称地图。

其他更丰富的效果

通过echarts图表和坐标系的组合、利用API,可以实现更丰富的效果。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。