-
-
yangqh 数据老手Lv5
发表于2019-4-24 17:24
楼主
需求场景：柱图上当数据点非常多，而统计图展示大小有限时，柱子会变得细密，统计图可读性欠佳。故希望预览界面可鼠标滚动、放大局部范围数据点的柱子查看数据。
实现方法（以系统自带柱图为例）：
将以下脚本放到酷屏属性的【加载完成事件】里
var mapid="HHH2"; //统计图组件代号
var widget=g_coolpage.getWidgetById(mapid);
var timeid=setInterval(function(){
var chart=widget.thirdchart;
if(chart){
clearInterval(timeid);
var option=chart.getOption();
option.dataZoom = [
{
type:'inside',
xAxisIndex:0,//x轴控制缩放的系列索引，不指定则不能缩放
//yAxisIndex:0,//同x轴
start: 10,//数据窗口范围的起始百分比，范围是：0 ~ 100。表示 0% ~ 100%
end: 60//数据窗口范围的结束百分比，范围是：0 ~ 100。表示 0% ~ 100%
}
];
chart.setOption(option);
}
},200);
实现方法（以系统自带柱图为例）：
将以下脚本放到酷屏属性的【加载完成事件】里
var mapid="HHH2"; //统计图组件代号
var widget=g_coolpage.getWidgetById(mapid);
var timeid=setInterval(function(){
var chart=widget.thirdchart;
if(chart){
clearInterval(timeid);
var option=chart.getOption();
option.dataZoom = [
{
type:'inside',
xAxisIndex:0,//x轴控制缩放的系列索引，不指定则不能缩放
//yAxisIndex:0,//同x轴
start: 10,//数据窗口范围的起始百分比，范围是：0 ~ 100。表示 0% ~ 100%
end: 60//数据窗口范围的结束百分比，范围是：0 ~ 100。表示 0% ~ 100%
}
];
chart.setOption(option);
}
},200);
