创新互联ECharts教程:ECharts中y轴怎么反向与留白

使用 ECharts 时同样也要注意所设置的 y 轴是否是个反向轴,这通过 yAxis.inverse 就可以得知;并且还需要适当的给坐标轴做留白处理,这样会方便之后的一些操作,但是对于类目型与非类目型的坐标轴,有不同的留白策略。

成都创新互联公司专注于凯里企业网站建设,自适应网站建设,成都商城网站开发。凯里网站建设公司,为凯里等地区提供建站服务。全流程按需求定制网站,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

yAxis.inverse   |   boolean

[ default: false ]

可以得出 y 轴是否是反向坐标轴。

该属性是 ECharts 3 中新加的。

yAxis.boundaryGap   |   boolean, Array

设置 y 坐标轴两边留白策略,类目轴和非类目轴的设置和表现不一样。(yAxis 通常并默认为数值型)

类目轴中 boundaryGap 可以配置为 true 和 false。默认为 true,这时候刻度只是作为分隔线,标签和数据点都会在两个刻度之间的带(band)中间。

非类目轴,包括时间,数值,对数轴,boundaryGap是一个两个值的数组,分别表示数据最小值和最大值的延伸范围,可以直接设置数值或者相对的百分比,在设置 min 和 max 后无效。 示例:

boundaryGap: ['20%', '20%']

新闻标题:创新互联ECharts教程:ECharts中y轴怎么反向与留白
新闻来源:http://www.hantingmc.com/qtweb/news36/272536.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联