带滚动条的高级图表,如何在下载图像上显示所有项目?

时间:2018-01-02 08:25:31

标签: highcharts

下载图片无法显示所有项目, 如你所见,它将跟随滚动条。

当前下载图片

图片1带滚动条下载图片的高图无法显示所有项目

highcharts with scrollbar download image cannot show all items

图像2似乎下载图像将跟随滚动条

Seems download image will follow scrollbar

演示

http://jsfiddle.net/puff0211/o3tfs2vh/

所需的下载图片

图像 - 在没有滚动条的情况下显示下载图像上的所有项目

highcharts with scrollbar display all items

xAxis: {
    type: 'category',
    title: {
        text: null
    },
    //min: 0,
    //max: 4,
    scrollbar: {
        // enabled: true
    },
    tickLength: 0
},

禁用滚动条后,下载图片是正确的,但我需要页面上的滚动条...

演示

http://jsfiddle.net/puff0211/o3tfs2vh/1/

有谁知道要完成以下条件?

  1. 页面上带滚动条的高级图表

  2. 在没有滚动条的情况下显示下载图像上的所有项目

  3. 谢谢!

1 个答案:

答案 0 :(得分:0)

您可以通过设置exporting.chartOptions来定义导出图表的选项。

禁用滚动条并重置最小/最大值:

exporting: {
  chartOptions: {
    xAxis: {
      scrollbar: {
        enabled: false
      },
      min: undefined,
      max: undefined
    }
  }
},

直播示例:http://jsfiddle.net/rr8pxoLx/