用于饼图的数组的用户数字输入

时间:2015-11-17 23:54:25

标签: javascript arrays google-visualization

我是javascript的初学者,如果问题过于简单,请事先道歉。

我的目标是用户输入两个数字(应该在0到100之间),然后获得这些数字的加权平均值,并得到一个带有加权平均值及其补码的饼图。 这是我的代码

position: absolute;

提前致谢

1 个答案:

答案 0 :(得分:0)

工作示例

  

注意:默认情况下,sn –Vr **AssemblingX** name (without dll extension), **PublicKeyToken**的行为属于提交类型,因此   为了防止表单提交,button已经   明确指定。



type="button"

google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(function() {
    document.getElementsByTagName('button')[0].onclick = displayChart;  
});

function displayChart() {

    var grade_list = [];
    var arrayA = ['foo', 'bar'];
    var arrayB = [];

    var number1 = parseFloat(document.getElementById('number1').value);
    var number2 = parseFloat(document.getElementById('number2').value);
    
    arrayB[0] = number1 * 0.35 + number2 * 0.75;
    arrayB[1] = 100 - arrayB[0];

    for (var i = 0; i < arrayA.length && i < arrayB.length; i++)
        grade_list[i] = [arrayA[i], arrayB[i]];

    drawChart(grade_list);       
}


function drawChart(rows) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Pacman');
    data.addColumn('number', 'Percentage');
    data.addRows(rows);

    var options = {
        legend: 'yes',
        pieSliceText: 'yes',
        pieStartAngle: 135,
        tooltip: { trigger: 'none' },
        slices: {
            0: { color: 'Blue' },
            1: { color: 'Orange' }
        }
    };

    var chart = new google.visualization.PieChart(document.getElementById('pacman'));
    chart.draw(data, options);
}
&#13;
&#13;
&#13;