我从 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)