我试图使我的Highcharts饼图完全响应在小型移动设备上工作,分辨率至少为320px。
在图表容器上,我设置的最小宽度为320px,但在小型移动设备上图表看起来仍然很混乱,因为包含图例的宽度。
即使是图表响应选项也已设置,它不起作用,因为它需要完整的容器宽度
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,
},
有人可以告诉我如何将图表Width
和margin
仅包含在小图表上不包含图例的图表中?