Anonymous
Как сделать так, чтобы соединительные линии на высоких диаграммах выглядели горизонтально прямыми, а не расходились в ра
Сообщение
Anonymous » 16 янв 2025, 00:40
Я создаю круговую диаграмму с помощью Highcharts, но у меня проблема с соединительными линиями. В настоящее время они идут в разных направлениях (под углом), и я бы хотел, чтобы они были прямыми и горизонтальными, как показано в прилагаемом примере. Не уверены, возможно ли это?
Код: Выделить всё
Highcharts.chart('chart1', {
chart: {
type: 'pie',
backgroundColor: null
},
title: {
text: '',
align: 'left',
verticalAlign: 'middle',
style: {
fontSize: '20px',
fontWeight: 'bold',
color: '#333333'
}
},
plotOptions: {
pie: {
innerSize: '50%',
startAngle: 0,
endAngle: 180,
dataLabels: {
enabled: true,
connectorShape: 'crookedLine',
crookDistance: '70%',
format: '{point.name}',
style: {
fontSize: '14px',
color: '#333333'
},
distance: 60
}
}
},
series: [{
name: 'My Test',
data: [
{ name: 'ABCD', y: 25, color: '#6BAED6' },
{ name: 'XYZM', y: 25, color: '#4292C6' },
{ name: 'Active bLAM/TEST', y: 25, color: '#2171B5' },
{ name: 'Sort', y: 25, color: '#112e51' }
]
}]
});
[img]https: //i.sstatic.net/cWwrnhVg.png[/img]
Подробнее здесь:
https://stackoverflow.com/questions/793 ... ht-instead
1736977205
Anonymous
Я создаю круговую диаграмму с помощью Highcharts, но у меня проблема с соединительными линиями. В настоящее время они идут в разных направлениях (под углом), и я бы хотел, чтобы они были прямыми и горизонтальными, как показано в прилагаемом примере. Не уверены, возможно ли это? [img]https://i.sstatic.net/cWwrnhVg.png[/img] [code] Highcharts.chart('chart1', { chart: { type: 'pie', backgroundColor: null }, title: { text: '', align: 'left', verticalAlign: 'middle', style: { fontSize: '20px', fontWeight: 'bold', color: '#333333' } }, plotOptions: { pie: { innerSize: '50%', startAngle: 0, endAngle: 180, dataLabels: { enabled: true, connectorShape: 'crookedLine', crookDistance: '70%', format: '{point.name}', style: { fontSize: '14px', color: '#333333' }, distance: 60 } } }, series: [{ name: 'My Test', data: [ { name: 'ABCD', y: 25, color: '#6BAED6' }, { name: 'XYZM', y: 25, color: '#4292C6' }, { name: 'Active bLAM/TEST', y: 25, color: '#2171B5' }, { name: 'Sort', y: 25, color: '#112e51' } ] }] }); [/code] [code] [/code] [img]https: //i.sstatic.net/cWwrnhVg.png[/img] Подробнее здесь: [url]https://stackoverflow.com/questions/79359759/how-to-make-the-connector-lines-in-highcharts-look-horizontally-straight-instead[/url]