从json文件对Google条形图值进行排序

时间:2019-06-22 11:30:48

标签: bar-chart

我是js初学者,我尝试对条形图中的值进行排序。 问题是...这些值未正确排序:

我发现的是这篇文章: Sorting google bar chart

所以我应该将“字符串”转换为数字。 如果我将数据保存在json文件中怎么办? 有人可以给我一个例子吗?

我的代码:

jsondata:

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawBasic1);


var options_gen1 = {
        chartArea: {top:10,left:0, width: '90%', height: '90%'},
        legend: {position: 'none'},
        hAxis: {minValue: 0,minorGridlines: {count:0},gridlines: {color: '#962d34'} ,textStyle:{color: '#962d34'}},
        backgroundColor: 'none',
        height: 400


};


function drawBasic1() {


          var main = $.ajax({
          url: "jsondata/mainraid_T.json",
          dataType: "json",
          async: false
          }).responseText;



var data1 = new google.visualization.DataTable(main);


     var formatter = new google.visualization.NumberFormat(
         {negativeColor: 'red', negativeParens: true, pattern: '#dps'});
        formatter.format(data1, 1);


var chart1 = new google.visualization.BarChart(document.getElementById('T'));
data1.sort({column: 1, desc: true});
chart1.draw(data1, options_gen1);

Json文件

{
"iterations":"10000",
"SIMTYPE":"LightMovement",

        "cols": [
                {"label":"Player","type":"string"},
                {"label":"mean","type":"number"},
                {"id":"","role":"style","type":"string"},
                {"id":"","role":"annotation","type":"string"}
                ],

        "rows": [
{"c":[{"v":"Schleier"},{"v":"22969.18812833047"},{"v":"#FFF569"},{"v":"Schleier"}]}
,
{"c":[{"v":"Garddòx"},{"v":"21910.629135718737"},{"v":"#A330C9"},{"v":"Garddòx"}]}
,
{"c":[{"v":"Blistersun"},{"v":"24654.787974549316"},{"v":"#ABD473"},{"v":"Blistersun"}]}
,
{"c":[{"v":"Obelion"},{"v":"20638.17902879232"},{"v":"#9482C9"},{"v":"Obelion"}]}
,
{"c":[{"v":"Dunelio"},{"v":"20409.33454964565"},{"v":"#FFFFFF"},{"v":"Dunelio"}]}
,
{"c":[{"v":"Para"},{"v":"24161.06241636201"},{"v":"#C79C6E"},{"v":"Para"}]}
,
{"c":[{"v":"Heranimuz"},{"v":"23162.95430922641"},{"v":"#69CCF0"},{"v":"Heranimuz"}]}
]}

0 个答案:

没有答案