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提供链接到SQL的数据的链接或文档？

Answer 1

来自Syncfusion的问候。我们想通知您，我们有一个在线SQL示例，您需要在asp sql数据源标记中提供连接字符串名称，并且ID必须与 DataSourceID 中指定的ID相同。在图表标签中以及在 SqlDataSource 标签中的 ID 中。然后，您可以将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？

1 个答案: