坐标轴类型

1、linear 线性轴
线性轴。默认类型,x轴按照 Axis.tickInterval 值增长,y轴默认是自适应。

2、logarithmic 对数轴
对数轴。按照数学中的对数增长,例如1,2,4,8… 用的不多,主要用于对数图表,实例请查看在线演示平台的 对数直线图。

3、datetime 时间轴
时间轴。时间使用和Javascript 日期对象一样,即用一个距1970年1月1日0时0分0秒的毫秒数表示时间,也就是时间戳。更多Javascript 日期对象请阅读 W3C school 相关内容。

Highcharts有很多时间格式化函数,列举如下:

1)Date.getTime()
获取当前时间戳。实例用法如下:

time = Date.getTime(); //time = 1384442746960 (ms) 当前时间为 2013-11-14 23:25:46
2)Date.UTC(year,month,day,hours,minutes,seconds,millisec)
通过UTC方式获取指定时间的毫秒数,例如获取 2013-11-14 00:00:00的毫秒数代码如下:

time = Date.UTC(2013,11,14,0,0,0,0); // time = 1386979200000 (ms);
3)Highcharts.dateFormat(String format)
Highcharts时间格式化函数,同 PHP格式化函数。具体用法参考API文档 Highcharts.dateFormat() ,当然,在本教程的《函数使用》章节中具体讲解。

4、category
数组轴。用的最多也最简单,这里就不多说,更多请查看 在线演示平台 例子。

转载于:https://www.cnblogs.com/mmbbflyer/p/9109374.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: ECharts 中,可以通过配置 option 对象中的 xAxis 和 yAxis 字段来配置 X 轴和 Y 轴。其中,xAxis 和 yAxis 都是数组类型,每个数组元素代表一个坐标轴。每个坐标轴可以配置多个属性,例如 type 表示坐标轴类型,data 表示坐标轴数据,axisLabel 表示刻度标签显示等。具体的配置方法可以参考 ECharts 的官方文档。 ### 回答2: 在 ECharts 中,我们可以通过配置 option 对象中的 xAxis 和 yAxis 字段来对 X 轴和 Y 轴进行配置。 对于 X 轴的配置,可以通过设置 xAxis 字段来实现。具体的配置内容包括坐标轴类型坐标轴数据、刻度标签显示等。例如,如果我们想要设置一个类目型的 X 轴,可以将 type 属性设置为 'category',然后通过 data 属性来设置坐标轴的数据。此外,我们还可以通过设置 axisLabel 属性来控制刻度标签的显示方式,例如设置旋转角度、调整字体颜色等。 对于 Y 轴的配置,与 X 轴的配置大致相同,可以通过设置 yAxis 字段来进行配置。例如,如果我们想要设置一个数值型的 Y 轴,可以将 type 属性设置为 'value'。通过设置 min 和 max 属性,我们可以设置 Y 轴的取值范围。同时,我们还可以通过设置 axisLabel 属性来控制刻度标签的显示方式,例如设置显示格式、调整字体颜色等。 配置 X 轴和 Y 轴的方法是在 option 对象中分别设置 xAxis 和 yAxis 字段,并在这些字段中进行具体的配置。可以通过 key-value 的形式来设置各个属性的取值。在数据图表中,X 轴和 Y 轴的配置非常重要,可以根据实际需求设置不同的类型和样式,来展示准确的数据和图像。 ### 回答3: 在ECharts中,通过配置option对象中的xAxis和yAxis字段来配置X轴和Y轴。 对于X轴的配置,可以包括以下内容: 1. 坐标轴类型:可以是类目轴(category)、数值轴(value)、时间轴(time)或对数轴(log)等。 2. 坐标轴数据:可以是一个数组,每个元素代表一个坐标轴刻度的值。也可以是一个对象,包含name和data字段,name表示坐标轴的名称,data表示坐标轴上的刻度数据。 3. 刻度标签显示:可以设置刻度标签的显示与隐藏,以及修改刻度标签的样式,包括颜色、字号等。 对于Y轴的配置,与X轴大致相同,同样可以设置坐标轴类型坐标轴数据和刻度标签显示等。 配置方法是通过option对象中的xAxis和yAxis字段进行设置。可以使用数组的形式配置多个X轴或Y轴,每个元素代表一个轴的配置。在每个轴的配置中,可以设置type字段来指定坐标轴类型,设置data字段来指定坐标轴的刻度数据,设置axisLabel字段来指定刻度标签的显示样式等。通过这些配置,可以定制化地设置X轴和Y轴的表现形式和功能。 总之,通过配置option对象中的xAxis和yAxis字段,可以方便地配置ECharts图表的X轴和Y轴,实现个性化的可视化效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值