Как сделать круговую диаграмму от HighCharts реагировать ⇐ CSS

[Anonymous]

Я стараюсь с некоторых дней, чтобы сделать круговую диаграмму от HighCharts. Я работаю над проектом среднего размера, и иногда легко потерять обзор. IS 1920px. Когда он составляет 900px, то описание пирога (серия -> data) находится за пределами браузера, и нельзя его прочитать, Более того, пирог для меня до малого. Я бы хотел больший пирог и иметь возможность прочитать (series-> data). < /P>

Я предоставляю следующий код: < /p>

Мой html-код: < /p>

>

Код: Выделить всё

Title plot
Bla blablabla blab bl  % blabla = [b] 
 % blablabla blablabla[/b]



< /code>

Код CSS: < /p>

#container-independency{
width: 90%;
max-width: 1620px;
background-color: #b8860b;
clear: both;
padding: 1%;
display: none;
box-sizing: border-box;
}

#independency{
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 1%;
background-color: #ffb6c1;
box-sizing: border-box;
}

#highcharts_container{
width: 100%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;

}
< /code>

HighTharts: < /p>

('#highcharts_container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
type: 'pie'
},

title:{
text:''
},

credits: {
enabled: false
},

navigation: {
buttonOptions: {
enabled: false
}
},

tooltip: {
pointFormat: '{point.percentage:.1f}%[/b]' [b]          },
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}[/b]: {point.percentage:.2f} %',
style: {
color: '#58585a',
fontFamily: 'klavika-web, sans-serif', fontSize: '12px'
}
}
}
},
series: [{

name: '',
data: [
['Property1aaa/Property2aaa/Property3aaaaaa', independency],
['More blablabla blablabla', 100-independency],
]
}]
});//highcharts_container

Обновление:



Подробнее здесь: https://stackoverflow.com/questions/321 ... responsive