在使用 ECharts 图表的时候,我们可以通过 yAxis.splitLine 来给 y 轴在 grid 区域中添加一条分隔线,利用这条分隔线将区分坐标轴各部分之间的数据。下面,我们来看看如何设置这样的分隔线属性。
设置 y 坐标轴在 grid 区域中的分隔线。
[ default: true ]
是否显示 y 轴的分隔线。默认数值轴显示,类目轴不显示。
[ default: 'auto' ]
y 坐标轴分隔线的显示间隔,在类目轴中有效。默认同 axisLabel.interval 一样。
默认会采用标签不重叠的策略间隔显示标签。
可以设置成 0 强制显示所有标签。
如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。
可以用数值表示间隔的数据,也可以通过回调函数控制。回调函数格式如下:
(index:number, value: string) => boolean
第一个参数是类目的 index,第二个值是类目的名称,如果跳过则返回 false。
设置 y 轴分隔线的样式,在下节内容中会详细介绍。
legend.left |string, number[ default: 'auto' ]图例组件离容器左侧的距离。left的值可以是像20这样的具体像素值,可以...
ECharts 图表的极坐标系(polar),可以在散点图和折线图中使用。其中,每一个极坐标系都包含了一个角度轴和一个径向轴。在正式...
JavaScript valueOf() Method JavaScript Array 对象实例valueOf() 是数组对象的默认方法。var fruits = ["Banana", "Orange", "...
HTML canvas rotate() 方法 Canvas 对象实例将矩形旋转 20 度:YourbrowserdoesnotsupporttheHTML5canvastag.JavaScript:var c=...
JavaScript copyWithin() 方法JavaScript Array 对象实例将前两个数组元素复制到最后两个数组元素:varfruits=["Banana","Orange...
JavaScriptArrayfind()方法JavaScript Array 对象实例获取数组中第一个值为18或更大的元素的值:varages=[3,10,18,20];functionc...
HTML全局属性数据 -* data-* 属性存储自定义数据。存储的数据可以在页面的JavaScript中使用。存储的数据可以在页面的JavaScript...
HTML input readonly 属性HTML input 标签实例带有只读输入字段的 HTML 表单:form action="demo-form.php"Country: input type=...
HTML5 onbeforeprint 事件属性 HTML 事件属性实例在页面设置打印,但在打印对话框出现前执行 JavaScript :body onbeforeprint="p...