Как привязать диаграмму Syncfusion к источнику данных SQL?

Question

Я новичок в Syncfusion Essential Studio. Я хочу иметь возможность использовать функции диаграмм в моем веб-приложении ASP.NET для отображения диаграмм - столбчатых и круговых диаграмм для представления данных.

Данные хранятся в 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;

Может кто-нибудь, пожалуйста, подскажите мне, чего мне не хватает? Может ли кто-нибудь предоставить ссылку или документацию, в которой есть привязка данных к SQL, с помощью студии Syncfusion?

Answer 1

Привет от Syncfusion. Мы хотели бы сообщить вам, что у нас есть онлайн-пример для SQL, в котором вам нужно дать имя строки подключения в теге источника данных asp sql, а идентификатор должен быть таким же, который указан в DataSourceID в теге диаграммы, а также в идентификаторе в теге ASP SqlDataSource. Затем вы можете отобразить поля x и y в xName и yName соответственно. Укажите имя строки подключения, как указано в файле веб-конфигурации.

<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

Надеюсь это поможет.

Спасибо, Дхарани.