网站建设售后服务合同,网页在线制作网站,手机网站图片自适应,火车头采集wordpress博客echarts 文档中描述了x轴的多种类型
一、type: ‘value’ ‘value’ 数值轴#xff0c;适用于连续数据。 此时x轴数据是从零开始#xff0c;有数据大小的区分。 【注意】 因为xAxis.data是为category服务的#xff0c;所以xAxis.data里面设置的数据无效。
二、type: ‘ca…echarts 文档中描述了x轴的多种类型
一、type: ‘value’ ‘value’ 数值轴适用于连续数据。 此时x轴数据是从零开始有数据大小的区分。 【注意】 因为xAxis.data是为category服务的所以xAxis.data里面设置的数据无效。
二、type: ‘category’ ‘category’ 类目轴适用于离散的类目数据。为该类型时类目数据可自动从 series.data 或 dataset.source 中取或者可通过 xAxis.data 设置类目数据。 此时x轴数据是数组中取值的且不是从零开始没有数据大小的区分。 【注意】 如果设置了 type 是 ‘category’但没有设置 axis.data则 axis.data 的内容会自动从 series.data 中获取这会比较方便。不过注意axis.data 指明的是 ‘category’ 轴的取值范围。如果不指定而是从 series.data 中获取那么只能获取到 series.data 中出现的值。比如说假如 series.data 为空时就什么也获取不到。
三、type: ‘time’ ‘time’ 时间轴适用于连续的时序数据与数值轴相比时间轴带有时间的格式化在刻度计算上也有所不同例如会根据跨度的范围来决定使用月星期日还是小时范围的刻度。 主要是用于x轴是时间的数据展示中。
因为分级模板在网上的例子太少在实践中摸索出了要怎么使用所以主要记录 xAxis.axisLabel.formatter 中的分级模板如何使用。 分级模板为不同时间粒度的标签使用不同的 formatterobject 类型 可以实现对不同的时间粒度采用不同的数据展示。 如果准备采用分级模板注意的是x轴的显示是根据数据来的不需要额外设置。如果数据范围是年-月那么月的数据展示会用 formatter.month 的设置来展示如果月之间跨年那么会用formatter.month 的设置来展示这都是组件自动转化的不需要额外设置。
以年间隔展示
以月间隔展示
以日间隔展示
以小时间隔展示 综上组件会根据跨度的范围来决定使用年月日还是小时范围的刻度。
