http://www.hcharts.cn/ 官网 

解决方案 »

  1.   

    官方网站上就有相应的demo及教程
      

  2.   

    Data = new Data(new object[] {new object[] { "11", 0.3  },
                                                       new object[] { "22" , 0.1 },
                                                       new DotNet.Highcharts.Options.Point
                                                       {
                                                           Name = "34",//展开点的名字
                                                           Y = 0.2,//展开点默认值
                                                           Sliced = true,//仅饼图有,是否显示从中心偏移一片。默认值为假
                                                           Selected = true//
                                                       },
                                                       new object[] { "55", 0.3 },
                                                       new object[] { "66", 0.1 },
                                                      // new object[] { "Others", 0.7 }
                                                   }
                                                   )
    这一段怎么从数据库取值直接赋值  
      

  3.   

    来这儿下载 http://download.csdn.net/detail/jhl52771/7581643
      

  4.   

    http://www.cnblogs.com/liuhaorain/archive/2012/01/24/2311352.html
      

  5.   

    <script type="text/javascript">
        var chart;
        $(document).ready(function () {
            var options = {
                chart: {
                    renderTo: 'container'
                },
                title: {
                    text: '项目所在省份分布情况'
                },
                plotArea: {
                    shadow: null,
                    borderWidth: null,
                    backgroundColor: null
                },
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.point.name + '</b>: ' + this.y + ' 个';
                    }
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            color: '#000000',
                            connectorColor: '#000000',
                            formatter: function () {
                                return '<b>' + this.point.name + '</b>: ' + this.y + ' 个';
                            }
                        }
                    }
                },
                series: [{
                    type: 'pie',
                    name: '项目个数',
                    data: []
                }]
            }
            $.ajax({
                type: "GET",
                url: "../../Ajax/document.ashx",
                data: { type: "projectcountbyregion" },
                dataType: "text",
                async: false,
                success: function (data) {
                    data = data.substring(0, data.indexOf("]") + 1);
                    var json = eval(data);
                    var dataStr = "[";
                    for (i = 0; i < json.length; i++) {
                        if (i < json.length - 1) {
                            dataStr += "['" + json[i].ProvinceName + "'," + json[i].ProjectCount + "],";
                        }
                        else {
                            dataStr += "['" + json[i].ProvinceName + "'," + json[i].ProjectCount + "]";
                        }
                    }
                    dataStr += "]";
                    options.series[0].data = eval(dataStr);
                },
                error: function (msg) {
                }
            });        chart = new Highcharts.Chart(options);
        })
    </script>