想从 html javascript 图表中的数据库中获取数据，用于 asp.net答案

【问题标题】：Want to get data from database in html javascript chart for asp.net想从 html javascript 图表中的数据库中获取数据，用于 asp.net
【发布时间】：2016-05-18 10:40:21
【问题描述】：

我使用 HighChart 创建了一个简单的图表，请给我一些建议并指导我如何从数据库中获取价值

<%@ 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>

我想从现在工作的数据库中获取价值，我有硬编码值请给我指导或参考链接提前帮助

【问题讨论】：

如果数据是（我怀疑）series 属性，那么您可以将其更改为 series: <%= GetData() %> 并在名为 GetData() 的代码中创建一个受保护的函数，它返回一个细绳。从数据库中获取数据并按照 HighChart 的要求构建字符串。
我正在尝试通过 web 方法和 json 实现（现在检索数据），但现在的问题是如何与 HighChart 交互以在 Highchart 上显示我的相关数据？
我不会将此标记为要关闭的副本，因为此链接仅回答您的部分问题。您需要查看通过 webmethod 获取数据以扩展此功能...stackoverflow.com/questions/16407901/… 如果您可以发布代码以显示您现有的 webmethod，那么这将有助于我们为您提供帮助。
好的，谢谢，我必须先在我的代码中实现它

标签： javascript c# sql asp.net highcharts

【解决方案1】：

您需要设置数据：并从数据库中获取数据并将其反序列化以显示在图表中。

参考这个link。

【讨论】：

感谢这个链接帮了我很多，我找到了我的解决方案