Question

我通过了json encoded string(g)。 EXT2包括[“chrome”、“15”、“firefox”、“20”)从Xcode到javascript(g. arr)的阵列。现在,我想通过这一阵列,充满活力地扼杀高潮。超文本代码为

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=20, user-scalable=no;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pie chart</title>

<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript" src="highcharts.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">

var chart;
var arr = $TEXT2;

$(document).ready(function(){
chart = new Highcharts.Chart({
chart: {
renderTo:  container ,
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text:  Interactive Pie 
},
tooltip: {
formatter: function() {
return  <b> + this.point.name + </b>:  + this.y +  % ;
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor:  pointer ,
dataLabels: {
enabled: false
},
showInLegend: true
}
},
series: [{
type:  pie ,
name:  Browser share ,
data: []
}]
});
});
</script>
<body>
<br>
<!-- 3. Add the container -->
<div id="container" style="width: 300px; height: 350px; margin: 0 auto"></div>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
</body>
</html>

I am trying to use getjson method although m unaware of its usage. Since i want to pass my array i.e arr to data[] in Highcharts,I am doing:

$.getJSON("arr", function(json) {
chart.series = json;               
var chart = new Highcharts.Chart(chart);
     });

Can anyone help me on dis. Thanks in advance.

Answer 1

我将在该文件中总结日本人的呼声。 • 准备运行,然后在成功呼吁中总结地图:

$(document).ready(function() {

  $.getJSON("arr", function(json) {

    chart = new Highcharts.Chart({
      chart: {
        renderTo:  container ,
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
      },
      title: {
        text:  Interactive Pie 
      },
      tooltip: {
        formatter: function() {
          return  <b> + this.point.name + </b>:  + this.y +  % ;
        }
      },
      plotOptions: {
        pie: {
          allowPointSelect: true,
          cursor:  pointer ,
          dataLabels: {
            enabled: false
          },
          showInLegend: true
      },
      series: [{
        type:  pie ,
        name:  Browser share ,
        data: json
      }]
    });
  });
});

当然,为了做到这一点,你应当修改你的背后法,以恢复高度洄游的阵列。

[["chrome",15],["firefox",20]]

你可以在联合材料中“确定”你返回的阵列,但最好在“个人支持”呼吁中这样做。

Answer 2

<script type="text/javascript">
    jQuery(document).ready(function () {
        alert( call pie );

        var data1 = $("#dataidd").val();
        alert( pie data  + data1);


        /*--------Pie Chart---------*/
        $( #PieChartDiv ).highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text:  Comparision and Analysis Report 
            },
            tooltip: {
                pointFormat:  {series.name}: <b>{point.percentage:.1f}%</b> 
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor:  pointer ,
                    dataLabels: {
                        enabled: true,
                        format:  <b>{point.name}</b>: {point.percentage:.1f} % ,
                        style: {
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) ||  black 
                        }
                    }
                }
            },
            series: [{
                type:  pie ,
                name:  Issue Details ,
                // data: jQuery.parseJSON(data1)
                data: JSON.parse(data1)

            }]
        });
    });
    </script>

Answer 3

简单:

1. 建立焦炭阵列:

$.each(data[ values ], function(i, val) {
                    x_values_sub[ name ] = i
                    x_values_sub[ y ] = val
                    x_values.push(x_values_sub);
                    x_values_sub = {};
});

页: 1 然后把高Charts称作数据。

series: [{
                            type:  pie ,
                            name: null,
                            data: x_values
}]

/ 测试并使用简单的javascript 反对:

Object Part1Name: 25 Part2Name: 75__proto__: Object

Answer 4

你可以直接将图表与JSON数据挂钩。你只是需要将json的财产名称定为高智慧标准。 Y 价值和标签名称。

阁下:

[ { name: "Chrome", y: 25 }, { name: "Firefox", y: 20 } ]

友情链接