CanvasJS 的气泡图不显示比例

Question

我正在尝试制作气泡图来比较两个变量的大小，但气泡与输入值不成比例。我尝试过很多方法，但结果总是一样。该函数很好地接收输入值（5838 和 3816）。我怎样才能纠正它？我没有 JavaScript 经验。

这是我的代码：

function createBubbleChart(container, data) {
    var totalMujeres = data.total_mujeres;
    var totalBenef = data.benef_total;

    var womenSize = 40 * (totalMujeres / totalBenef);
    var beneficiarySize = 40;

    var chart = new CanvasJS.Chart(container, {
        theme: "light2",
        animationEnabled: true,
        animationDuration: 500,
        axisY: {
            lineThickness: 0, 
            gridThickness: 0, 
            tickLength: 0,    
        },
        data: [{
            type: "bubble",
            indexLabel: "{label} {y}",
            yValueFormat: "#,##0.00",
            axisX: { minimum: 0, maximum: 3 },
            axisY: { minimum: 0, maximum: 1 },
            dataPoints: [
                { label: "Total Beneficiarios", y: 0.5, x: 1, z: beneficiarySize },
                { label: "Total Mujeres", y: 0.4, x: 2, z: womenSize },
            ],
        }],
    });

    chart.render();
}

这就是我的图表的样子：

Answer 1

z value 设置气泡的大小，用于可视化数据点之间的值差异。气泡的大小取决于数据点的 z 值的差异，并且大小有最大限制（取决于最小 z 值、最大 z 值等多个因素），之后气泡的大小不会再增加。您可以根据您的要求通过增加或减少 z 值来控制气泡的大小。