Creating Pie Chart with Google Charts API from JSON

前端 未结 2 1243
清歌不尽
清歌不尽 2021-01-21 05:17

right now I´m trying to create a pie chart from a JSON Output from my MySQL Database. I am quite new to JavaScript thats why I ask you for some help. I found the following proje

2条回答
  •  栀梦
    栀梦 (楼主)
    2021-01-21 06:08

    var data;
    var chart;
    google.charts.load('current', {
    callback: drawChart,
    packages: ['corechart']});
    function drawChart() {
    var results = [{"count":1,"year":"2009 "},{"count":3,"year":"2011 "},{"count":5,"year":"2012 "},{"count":9,"year":"2013 "},{"count":2,"year":"2014 "},{"count":1,"year":"2015 "},{"count":59,"year":"2016 "},{"count":4,"year":"2017 "}]
    data = new google.visualization.DataTable();
    data.addColumn('string', 'VoteName');
    data.addColumn('number', 'VoteCount');
    results.forEach(function(data1, index) {
    data.addRow([data1.year,data1.count]);
    });
    var options = {title: 'My Pie Chart- Lujan',
    width: 600,
    height: 600};
    chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    google.visualization.events.addListener(chart, 'select', selectHandler);
    chart.draw(data, options);}
    function selectHandler() {
    // be sure something is selected
    if (chart.getSelection().length) {
    var selectedItem = chart.getSelection()[0];
    var value = data.getValue(selectedItem.row, 0);
    alert('The user selected ' + value);}
    } **strong text**
    
    

提交回复
热议问题