ECharts的一些配置项

本文详细介绍了ECharts中标题、提示框、工具栏、图例、时间轴、数据区域缩放、网格、坐标轴及数据系列等重要配置项,包括它们的作用、常用参数及其在图表展示中的应用。
摘要由CSDN通过智能技术生成

标题

在ECharts中,标题一般包括主标题和副标题,标题的相关参数配置可以在option中的title内配置。

下面列举一些常用的参数,具体说明如下。

▪ text:主标题文本,支持用\n换行。

▪ subtext:副标题文本,支持用\n换行。

▪ left:与容器左侧的距离,其取值可以是具体像素值,例如10;也可以是相对于容器的百分比值,例如10%;还可以是更常用的left、center、right,可以理解为左对齐、居中、右对齐。

▪ show:是否显示标题组件,取值为布尔型数据,默认为true。

        title:{
					text:'这是主标题',
					subtext:'这是副标题',
					left:'center'	//居中显示
				}

提示框

在ECharts中,提示框组件称为tooltip,它的作用是在合适的时机向用户提供相关信息。下面列举一些常用的参数,具体说明如下。

▪ trigger:触发类型,可选的参数有item(图形触发)、axis(坐标轴触发)、none(不触发)。▪ formatter:提示框浮层内容格式器,一般使用字符串模板,模板变量有{a},{b},{c},{d},{e},分别表示系列名、数据名、数据值等。其中变量{a}, {b}, {c},{d}在不同图表类型下代表的数据含义如下所示。

· 折线(区域)图、柱状(条形)图、K线图:{a}(系列名称),{b}(类目值),{c}(数值),{d}(无)。

· 散点图(气泡)图:{a}(系列名称),

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值