2016-05-18 2 views
-1

ich ein einfaches Diagramm unter Verwendung HighChart erstellt haben Sie einige Anregungen geben Sie mir und führen, wie ich Wert aus der Datenbank erhalten könnenMöchten Sie Daten aus der Datenbank in html javascript Diagramm für asp.net erhalten

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Chartz.aspx.cs" Inherits="Chartz" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
    <script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/highcharts-3d.js"></script> 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
    <script> 
     $(function() { 
      $('#container').highcharts({ 
       chart: { 
        type: 'pie', 
        options3d: { 
         enabled: true, 
         alpha: 45, 
         beta: 0 
        } 
       }, 
       title: { 
        text: 'Medicine market shares 2016' 
       }, 
       tooltip: { 
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
       }, 
       plotOptions: { 
        pie: { 
         allowPointSelect: true, 
         cursor: 'pointer', 
         depth: 35, 
         dataLabels: { 
          enabled: true, 
          format: '{point.name}' 
         } 
        } 
       }, 
       series: [{ 
        type: 'pie', 
        name: 'Medicine share', 
        data: [ 
         ['Epilepsy medicines', 45.0], 
         ['Biological medicines ', 26.8], 
         { 
          name: 'Ciclosporin ', 
          y: 12.8, 
          sliced: true, 
          selected: true 
         }, 
         ['Mesalazine ', 8.5], 
         ['Lithium ', 6.2], 
         ['Others', 0.7] 
        ] 
       }] 
      }); 
     }); 
    </script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
    <div class="row col-md-offset-1" data-spy="scroll" style="padding:80px 0px 0px 10px;" > 
     <div id="container" style="height: 400px"></div> 
    </div> 
</asp:Content> 

ich möchte Wert von der Datenbank bekommen funktioniert jetzt und ich habe fest codierten Wert bitte geben Sie mir Führer oder Referenzlink Hilfe im Voraus

+0

Wenn die Daten (wie ich vermute) das 'series' Attribut ist, dann können Sie es in' series: <% = GetData()%> 'ändern und eine geschützte Funktion hinter dem Code' GetData () ', das eine Zeichenfolge zurückgibt. Holen Sie die Daten aus Ihrer Datenbank und bauen Sie die Zeichenfolge wie von HighChart erforderlich. – Archer

+0

Ich versuche, über Web-Methode und mit JSON zu implementieren (Daten werden jetzt abgerufen), aber Problem ist nun, wie Sie dies mit HighChart interagieren, um meine relevanten Daten auf Highchart zu zeigen? –

+0

Ich markiere dies nicht als ein Duplikat, das geschlossen werden soll, da dieser Link nur einen Teil Ihrer Frage beantwortet. Sie müssen schauen, um die Daten über eine Webmethode zu erhalten, um auf diese zu erweitern ... http://stackoverflow.com/questions/16407901/highchart-series-update-in-javascript Wenn Sie Code zum Anzeigen können Ihre bestehende Web-Methode hilft uns dann weiter. – Archer

Antwort

1

Sie müssen Daten setzen: <% = chartData%> und erhalten Sie die Daten aus der Datenbank und deserialize es zu in Diagrammen anzeigen.

beziehen Sie sich auf link.

+0

Dank diesem Link mir sehr helfen und ich habe meine Lösung gefunden –

Verwandte Themen