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/

Chart.js 雷达标签坐标

Chart.js Radar Labels Coordinates

javascript

charts

coordinates

chart.js