页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题1

         横向柱图在数据比较多的情况下,显示都挤在一起,要如何设置才能显示上下滚动条?

解决方案

         可通过添加如下扩展属性:

 {
    "dataZoom": [{
        "type": "slider",
        "showDetail": false,
        /*滚动条鼠标提示不显示*/
        "show": true,
        "yAxisIndex": [0],
		//数据窗口范围的起始数值和结束数值
        "startValue": 0,
        "endValue": 6,
        "handleSize": 7,
        //自定义宽高
        "hight": '600px',
        "width": '10px'
    }]
}

            效果:



如果想要实现滚动条在下方,可以参考下面的扩展属性:

 {
"dataZoom": [{
"type": "slider",
"showDetail": false,
/*滚动条鼠标提示不显示*/
"show": true,
"xAxisIndex": [0],
//数据窗口范围的起始数值和结束数值
"startValue": 0,
"endValue": 6,
"handleSize": 7,

}]
}

如果想要实现滚动条起始位置在最上方,可以参考下面的扩展属性:

关于“dataZoom-slider.start”具体可见Echarts文档:https://echarts.apache.org/zh/option.html#dataZoom-slider.start

 {
    "dataZoom": [{
        "type": "slider",
        "showDetail": false,
        /*滚动条鼠标提示不显示*/
        "show": true,
        "yAxisIndex": [0],
		//数据窗口范围的起始百分和结束百分比
        "start": 100,
        "end": 70,
        "handleSize": 7,
        //自定义宽高
        "hight": '600px',
        "width": '10px'
    }]
}

            效果:

问题2

echarts中设置普通横条图,然后想Y轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现

解决方案

可以使用下面的扩展属性实现:

{
    "dataZoom": [{
        "type": "inside",
        "yAxisIndex": [0],

    }]
}

问题3

echarts中设置柱状图,然后想X轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现

解决方案

可以使用下面的扩展属性:

{
"dataZoom": [{
"type": "inside",
}]
}

Viewtracker License Missing

There is a problem with the license of the Viewtracker addon. Please check if you have a valid license.

授权码细节

  • 无标签