Я использую Chart.js и пытаюсь переместить метки на круговой диаграмме за пределы круговой области (см. красные крестики):
Это мой код прямо сейчас:
<div class="container" id="pieContainer">
<h4 class="title">Title</h4>
<center><canvas id="pie"></canvas></center>
</div>
<script>
var pieData = [
{
value: 39,
color:"#335478",
label: "Blue"
},
{
value : 4,
color : "#7f7f7f",
label: "Grey"
},
{
value : 57,
color : "#99cb55",
label: "Green"
}
];
var optionsPie = {
responsive : true,
tooltipEvents: [],
showTooltips: true,
onAnimationComplete: function() {
this.showTooltip(this.segments, true);
},
tooltipTemplate: "<%= label %> - <%= value %>%"
};
new Chart(document.getElementById("pie").getContext("2d")).Pie(pieData, optionsPie);
</script>
Я не хочу использовать легенды и не могу найти встроенный метод для перемещения меток. Есть ли способ сделать это без изменения chart.js
? Как лучше всего достичь моей цели?