パイを作成する（highcharts）に定義されたHTMLテーブル

Question

を使用して、私はパイに系列を追加したいと思い、私はそれを行うにはJS関数を作成しました：

Answer 1

あなたが持つHTMLページにdiv要素を持っている必要があります。あなたのチャートの設定であるため、この行の（にチャートをドロップするID container：。これをデバッグするときrenderTo: 'container' HighchartsフォーラムがHighchartsサポートのために非常に有用である

、私は最初のASPページのうち、チャートを取るしようとするだろうそれはちょうど間違っているのを見るために簡単になるでしょう

Answer 2

ASP .Netを使用している場合は、Highcharts.Netを試してください。 C＃ライブラリを使用すると、JavaScriptコードをまったく記述せずにハイチャートを作成することができます。コードビハインドファイルにはC＃コードだけが記述されます。これは、SQLデータソースからデータを取り出す場合に特に便利です。 SQLソースからデータを引っ張って実際に

は、hereが議論されているとあなたは円グラフを使用するためのサンプルをしたい場合、あなたは常にhere

Answer 3

からで動作するもう一つの簡単な方法を例を含むサンプルプロジェクトをダウンロードすることができますHighchartsとASP.NETはDotNet.Highchartsライブラリを使用しています。ここで円グラフと例です。このコードの

Highcharts chart = new Highcharts("chart") 
      .InitChart(new Chart { PlotShadow = false }) 
      .SetTitle(new Title { Text = "Browser market shares at a specific website, 2010" }) 
      .SetTooltip(new Tooltip { Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }" }) 
      .SetPlotOptions(new PlotOptions 
          { 
           Pie = new PlotOptionsPie 
             { 
              AllowPointSelect = true, 
              Cursor = Cursors.Pointer, 
              DataLabels = new PlotOptionsPieDataLabels 
                 { 
                  Color = ColorTranslator.FromHtml("#000000"), 
                  ConnectorColor = ColorTranslator.FromHtml("#000000"), 
                  Formatter = "function() { return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; }" 
                 } 
             } 
          }) 
      .SetSeries(new Series 
         { 
          Type = ChartTypes.Pie, 
          Name = "Browser share", 
          Data = new Data(new object[] 
              { 
               new object[] { "Firefox", 45.0 }, 
               new object[] { "IE", 26.8 }, 
               new Point 
               { 
                Name = "Chrome", 
                Y = 12.8, 
                Sliced = true, 
                Selected = true 
               }, 
               new object[] { "Safari", 8.5 }, 
               new object[] { "Opera", 6.2 }, 
               new object[] { "Others", 0.7 } 
              }) 
         }); 

結果はhighchartsデモでのように同じである：チャート上のクリックは、あなたがそれを行うことができたときにJavaScript関数を呼び出す場合http://www.highcharts.com/demo/pie-basic

単にそのような：

Pie = new PlotOptionsPie 
       { 
        Point = new PlotOptionsPiePoint 
          { 
           Events = new PlotOptionsPiePointEvents 
             { 
              Click = "OnPiePointClick" 
             } 
          } 

...またはそれは、単純な機能だ場合、あなたはそれを直接追加することができます。

Click = "function() { alert (this.category +': '+ this.y); }" 

完全なコードまたはその他のサンプルについては、サンプルプロジェクトをダウンロードしてください。http://dotnethighcharts.codeplex.com/releases/view/80650