plnkr.co/edit/x8v6dY2wQgT7VdWUBGSK?p=preview
дал круговую диаграмму и помещаю ее в панель. Моя ширина панели может быть 600 или 400 в зависимости от пользовательских настроек. Когда размер 600 Pie и легенда отображается правильно. Но когда это 400, легенда отображается за пределами панели. Есть ли способ уменьшить размер пирога в этом случае, также легенда может отображаться внизу, если размер недостаточен.
Мой плнкр
https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview
Мои варианты сюжета
plotOptions: {
pie: {
innerSize: 120,
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: false
},
showInLegend: true,
states: {
hover: {
halo: {
size: 0
}
}
}
}
},
Код ответа:
отзывчивый: {
rules: [{
condition: {
maxWidth: 500
},
chartOptions: {
legend: {
align: 'center',
verticalAlign: 'top',
layout: 'horizontal',
labelFormatter: function () {
return '<div style="width:180px"><span class="pull-left" style= "font-weight: 500; padding-bottom: 5px; font-family:Helvetica ">' + this.name +
'</span><span class="pull-right" style= "font-weight: 500" >' + this.value +
'</span></div> ';
}
},
pie: {
size: 100,
innerSize: 40
}
}
}]
}