创新互联ECharts教程：ECharts控制按钮的样式

timeline.controlStyle   |   Object

设置 ECharts 时间轴组件中控制按钮的样式。

创新互联是一家专业提供秦皇岛企业网站建设,专注与成都做网站、网站制作、HTML5建站、小程序制作等业务。10年已为秦皇岛众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

控制按钮包括：播放按钮、前进按钮、后退按钮。

timeline.controlStyle.show   |   boolean

[ default: true ]

是否显示时间轴组件的控制按钮。设置为 false，则表示所有类型的控制按钮都不显示。

timeline.controlStyle.showPlayBtn   |   boolean

[ default: true ]

是否显示播放按钮。

timeline.controlStyle.showPrevBtn   |   boolean

[ default: true ]

是否显示后退按钮。

timeline.controlStyle.showNextBtn   |   boolean

[ default: true ]

是否显示前进按钮。

timeline.controlStyle.itemSize   |   number

[ default: 22 ]

设置时间轴组件控制按钮的尺寸，单位为像素（px）。

timeline.controlStyle.itemGap   |   number

[ default: 12 ]

设置时间轴组件控制按钮之间的间隔，单位为像素（px）。

timeline.controlStyle.position   |   string

[ default: 'left' ]

设置时间轴组件控制按钮的位置。

• 当 timeline.orient 为 'horizontal'时，'left'、'right'有效。
• 当 timeline.orient 为 'vertical'时，'top'、'bottom'有效。

timeline.controlStyle.playIcon   |   string

播放按钮的可播放状态的图形。

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

timeline.controlStyle.stopIcon   |   string

播放按钮的可停止状态的图形。

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

timeline.controlStyle.prevIcon   |   string

后退按钮的图形

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

timeline.controlStyle.nextIcon   |   string

前进按钮的图形

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

本文题目：创新互联ECharts教程：ECharts控制按钮的样式
本文路径：http://www.shufengxianlan.com/qtweb/news23/540373.html

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

广告

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