javascript - Chart.js 雷达标签坐标

Question

有什么方法可以获取雷达图中标签的坐标吗？ 我试图在标签区域中放置图像而不是文本。

Answer 1

您可以使用比例属性来计算它。这是在动画完成后在这些点上绘制蓝色圆圈的东西。

onAnimationComplete: function () {
    for (var i = 0; i < this.scale.valuesCount; i++) {
        // get the poitn position
        var pointLabelPosition = this.scale.getPointPosition(i, this.scale.calculateCenterOffset(this.scale.max) + 5);

        // draw a circle at that point
        this.chart.ctx.beginPath();
        this.chart.ctx.arc(pointLabelPosition.x, pointLabelPosition.y, 5, 0, 2 * Math.PI, false);
        this.chart.ctx.fillStyle = '#77e';
        this.chart.ctx.fill();
        this.chart.ctx.stroke();
    }
}

---

fiddle - http://jsfiddle.net/1jgmbyb7/