小编Kie*_*nch的帖子

使用数组数据渲染 Chart.js 气泡图

我从 XML 文件中解析了三个数组,详情如下:

["x": "23.561799", "x": "-10.713591", "x": "-20.516543", "x": "27.352751", "x": "-21.090982"]
["y": "-5.777557", "y": "-24.425175", "y": "9.131939", "y": "7.052970", "y": "-26.059631"]
["r": "10.000000", "r": "10.000000", "r": "10.000000", "r": "10.000000", "r": "10.000000"]
Run Code Online (Sandbox Code Playgroud)

假设这些被称为 arrayX、arrayY 和 arrayR。我将如何使用这些在 Chart.js 中呈现气泡图?我有在这里创建一个简单气泡图的代码:

var ctx = document.getElementById("myChart");
                    var myChart = new Chart(ctx, {
                        type: 'bubble',
                        data: {
                            labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
                            datasets: [
                            {
                                label: 'Gaze Map Month 1',
                                data: [
                                {
                                    x: 23,
                                    y: -10,
                                    r: 10
                                },
                                {
                                    x: …
Run Code Online (Sandbox Code Playgroud)

javascript charts chart.js

1
推荐指数
1
解决办法
1086
查看次数

标签 统计

chart.js ×1

charts ×1

javascript ×1