仅在响应模式下设置Highcharts中图表的宽度和边距

时间:2017-05-13 18:13:38

标签: javascript jquery highcharts

我试图使我的Highcharts饼图完全响应在小型移动设备上工作,分辨率至少为320px。

在图表容器上,我设置的最小宽度为320px,但在小型移动设备上图表看起来仍然很混乱,因为包含图例的宽度。

enter image description here

即使是图表响应选项也已设置,它不起作用,因为它需要完整的容器宽度

 responsive: {
  rules: [{
    condition: {
      maxWidth: 500,
      minWidth: 320
    },
    chartOptions: {
      legend: {
        enabled: true,
         itemStyle: {
                 font: '9pt Open Sans, Verdana, sans-serif',
                 color: '#A0A0A0'
              },
      },

    }
  }]
},

您可以在这里查看小提琴http://jsfiddle.net/livewirerules/a3qfv4fw/6/

如果我在图表设置中设置了图表宽度和边距,它可以正常工作,但我只想在调用响应规则时应用它

chart: {
       width: 320,
       marginLeft: 190,
       },

有人可以告诉我如何将图表Widthmargin仅包含在小图表上不包含图例的图表中?

0 个答案:

没有答案