Вы можете достичь полной высоты круговой диаграммы, установив атрибут size
в plotOptions
пирога и удалив margins
, spacing
и titles
из графика.
Код
chart: {
margin: [0, 0, 0, 0],
spacingTop: 0,
spacingBottom: 0,
spacingLeft: 0,
spacingRight: 0
},
plotOptions: {
pie: {
size:'100%',
dataLabels: {
enabled: false
}
}
}
Пример (обновлен скрипт, чтобы указать на версию 2.2.4)
Что касается линейных градиентов, я не знаю, были ли они реализованы еще, но вот пример , показывающий радиальные градиенты.
Радиальные градиенты теперь также являются частью Highcharts 3.0, вот пример
Update
Похоже, что с Highcharts 3.0 это больше невозможно к автомасштабированию диаграммы в области графика, выдержка из их документации:
size: Диаметр пирога относительно площади участка. Может быть процентным или пиксельным значением. Значения пикселей задаются как целые числа. Поведение по умолчанию (по состоянию на 3.0) - это масштабирование до области графика и предоставление места для меток данных в области графика. Как следствие, размер пирога может изменяться, когда точки обновляются, а метки данных - больше. В этом случае лучше установить фиксированное значение, например «75%». По умолчанию.
blockquote>, на мой взгляд, это не должно быть так, поскольку
dataLabels
отключены. вероятно, будет зарегистрирован как ошибкаОбновление (август 2014 г.)
Согласно комментарию Torstein , это действительно возможно ,
slicedOffset
необходимо установить в0
в дополнение к начальному набору полей. ( пример )$(function () { $('#container').highcharts({ title: null, chart: { type: 'pie', margin: 0 }, plotOptions: { pie: { slicedOffset: 0, size: '100%', dataLabels: { enabled: false } } }, series: [{ data: [ ['Firefox', 44.2], ['IE7', 26.6], ['IE6', 20], ['Chrome', 3.1], ['Other', 5.4] ] }] }); });
#container { outline: 1px solid red; padding: 0; }