如何在海图多个明细上添加滚动

时间:2018-11-09 03:43:09

标签: javascript charts highcharts visualization

enter image description here

我正在使用highcharts,现在我们有太多物品了,我需要一些东西使其可读性和可滚动性,我添加了zoom属性,但它不满足要求,任何想法吗?

这是我的代码:

select 
c.id, 
if(d.bucket_id is null, 'not in bucket', d.bucket_id)

from
(    
  select     
  a.id,
  max(if(a.value >= b.min_value, b.min_value, 0)) as bucket_min_value    
  from    
  value a    
  left join     
  bucket b    
  group by a.id    
)    
c

left join    
bucket d    
on c.bucket_min_value = d.min_value    
;

我现在已经添加了zoomType:'x',但是我也需要使用可滚动的。我应该使用什么财产?我已经尝试过highstock了,但是它不适用于向下钻取图表。

1 个答案:

答案 0 :(得分:0)

使用可以使用scrollablePlotArea属性。此外,下钻还可用于Highstock:http://jsfiddle.net/BlackLabel/9ap2sj7k/

chart: {
    scrollablePlotArea: {
        minWidth: 1200
    }
}

实时演示:http://jsfiddle.net/BlackLabel/b0f2dq3g/

API:https://api.highcharts.com/highcharts/chart.scrollablePlotArea