(本文档仅供参考)
说明
如何在产品Echarts图形中设置柱图、线图X轴滑动显示，如下图所示
解决方案
如需实现上述效果，可通过扩展属性实现，如下
{
"xAxis": {
"axisLine": {
"lineStyle": {
"color": "#53636f"
}
},
"axisTick": {
"show": false
}
},
"yAxis": {
"axisLine": {
"lineStyle": {
"color": "#53636f"
}
},
"axisTick": {
"show": false
}
},
"series": [{
"barWidth": 9,
"z": 500,
"barGap": "-100%",
"itemStyle": {
"normal": {
"barBorderRadius": 4,
"color": "rgba(0,0,0, 0)",
"borderWidth": 1,
"borderColor": "#7e899d"
}
},
"areaStyle": {
"normal": {
"color": "#055a59"
}
},
"label": {
"show": true,
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontSize": "11",
"fontWeight": "normal",
"color": "#43f6f4"
},
"position": ["103%", "30%"]
}
}],
"dataZoom": [{
"type": "slider",
"filterMode": "filter",
"xAxisIndex": [0],
"start": 68,
"end": 100,
"borderColor": "#344b58",
"bottom": 1,
"height": 10
}, {
"type": "inside",
"xAxisIndex": [0]
}]
}
