將圖例添加到圖表控件的c＃

我正在開發一個asp.net-mvc4網絡應用程序Visual Studio-2010，其中我正在訪問來自SQL服務器的數據並製作一些行，並且爲了獲得更好的交互式視圖而製作了一些行和pie-charts。折線圖沒有任何問題並且正常工作。我還需要將三個值作爲pie-chart作比較。我做一個pie-chart我的數據如下將圖例添加到圖表控件的c＃

var c = new Chart(width: 450, height: 350) 
      //.AddTitle("Energy Consumption Plot") 
      .AddLegend("E - Maschine", "Nebenverbraucher", "PTC") 
      .AddSeries(
      chartType: "Pie", 

      yValues: new[] {Maschine, Nebenverbraucher, PTC}) 
      .GetBytes("png") 
      ; 

     return File(c, "image/png");

下圖顯示了從上面的代碼生成的pie-chart。

enter image description here

正如我有餅圖中的三個不同的變量，我想看看傳說中的一切，但它只能顯示第一個。爲什麼它顯示的要點？

後來，我修改了代碼，我啓用了x值與下面的代碼，

var c = new Chart(width: 450, height: 350) 
      //.AddTitle("Energy Consumption Plot") 
      .AddLegend() 
      .AddSeries(
      chartType: "Pie", 
      xValue: new[] { "E - Maschine", "Nebenverbraucher", "PTC" }, 
      yValues: new[] {Maschine, Nebenverbraucher, PTC}) 
      .GetBytes("png") 
      ; 

     return File(c, "image/png");

輸出變爲

enter image description here

似乎也不錯，但現在另一個不想要的東西，我不想查看pie-chart中的文字。我怎麼可能只顯示裏面的圖表外的圖例值。

來源

2014-09-25 Gullu Butt

該圖表庫是這樣嗎？ – 2014-09-25 12:33:01

其C圖表庫＃ – 2014-09-25 12:36:09

@Mahmood mscharts？ – 2014-09-25 12:37:07

我仍然在等待我的問題的解決方案，但我通過其他方式生成pie-chart。由此產生的圖是自動的。我無法手動進行一些更改。例如，它將鼠標懸停在圖表上時顯示圖表上的百分比值。它也會削減這部分的價值，這也很煩人。有沒有什麼辦法停止在谷歌腳本四捨五入？我用谷歌JavaScript來做餡餅情節。這個圖更具動態性，並且具有非常好的可視性。

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("visualization", "1", { packages: ["corechart"] }); 
    google.setOnLoadCallback(drawChart); 
    function drawChart() { 


     var EMachine = 0.0; 
     var Neben = 0.0; 


     var data = google.visualization.arrayToDataTable([ 
     ['Task', 'Hours per Day'], 
     ['E-Maschine', @ViewBag.EMachine], 
     ['Nebenverbraucher', @ViewBag.Neben], 
     ['PTC', @ViewBag.ptc], 
     ]); 

     var options = { 
      title: '' 
     }; 

     var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

     chart.draw(data, options); 
    } 
</script>

和情節看起來像

enter image description here

來源

2014-10-02 10:12:49

將圖例添加到圖表控件的c＃

回答

相關問題