如何将 Syncfusion 图表绑定到 SQL DataSource？

Question

我是 Syncfusion Essential Studio 的新手。我希望能够使用我的 ASP.NET Web 应用程序中的图表功能来显示图表 - 条形图和饼图，用于数据表示。

数据存储在SQL Server 2008 中。我用过AJAX 和Microsoft 图表，但客户非常喜欢Syncfusion 的功能。我已阅读有关 ASP.NET 中开发的应用程序的文档，尤其是那些图形表示形式的应用程序。

该应用程序适用于 HSSE 部门，图表将显示在仪表板上，供用户查看已完成或未完成的行动项目。

如何将数据从 SQL 绑定到 Syncfusion 图表？

我使用了以下代码，但它不起作用：

public partial class ChartFeatures: System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
      DataTable table = new DataTable();
        SqlDataAdapter adapter = new SqlDataAdapter();


        //Create the SQL Database connection
        SqlConnection con = new SqlConnection(HSSEConnection);
        con.Open();
        //Select all the records in database
        string command = "select * from HsEntry";
        SqlCommand cmd = new SqlCommand(command, con);
        adapter.SelectCommand = cmd;

        //Retrieve the records from database
        adapter.Fill(table);
    }
}

我有命名空间：

using Syncfusion.XlsIO;
using System;
using Syncfusion.JavaScript.DataVisualization;
using Syncfusion.JavaScript.DataVisualization.Models;
using Syncfusion.EJ.Export;
using System.Data;
using System.Data.SqlClient;

有人可以指导我找到我缺少的东西吗？任何人都可以使用 Syncfusion studio 提供 link 或数据绑定到 SQL 的文档吗？

Answer 1

来自 Syncfusion 的问候。我们想让您知道，我们有 SQL 的在线示例，您需要在 asp sql 数据源标记中提供连接字符串名称，并且 ID 必须相同在 DataSourceID in chart 标签和 ID in ASP SqlDataSource 标签。然后您可以将 x 和 y 字段分别映射到 xName 和 yName。根据 Web 配置文件指定连接字符串名称。

<ej:Chart ID="Chart1" DataSourceID="SqlData">
   <Series>
      <ej:Series XName="ProductName" YName="UnitPrice"></ej:Series>
   </Series>
</ej:Chart>


<asp:SqlDataSource ID="SqlData" runat="server" ConnectionString="<%$ ConnectionStrings:SQLConnectionString %>"
     SelectCommand="SELECT * FROM [Products] WHERE UnitPrice < 10"></asp:SqlDataSource>

样本：SQL

希望对您有所帮助。

谢谢，陀罗尼.

如何将 Syncfusion 图表绑定到 SQL DataSource？

How to bind Syncfusion chart to SQL DataSource?

database

data-binding

syncfusion