Question

有没有办法获得雷达图中标签的坐标？我试图在标签区域放置图片而不是文字。

Answer 1

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

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();
    }
}

小提琴 - http://jsfiddle.net/1jgmbyb7/

Chart.js雷达标签坐标

1 个答案: