диаграммы слияния столбчатых диаграмм с накоплением с использованием базы данных сервера sql

Мне нужно разработать столбчатые диаграммы с накоплением с помощью пробной версии FusionCharts XT. Мне не удалось найти примеров использования источника данных в качестве базы данных для столбца с накоплением. Они показали примеры с использованием XML/JSON. Пожалуйста, помогите мне, если у вас есть опыт использования FusionCharts в этой области. Заранее спасибо.

Ниже мой текущий код.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using InfoSoftGlobal;
namespace workflowmangement
{
     public partial class chart1 : System.Web.UI.Page
     {
        string conString =            System.Configuration.ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
        protected void Page_Load(object sender, EventArgs e)
        {
            siva.Text = CreateChart();
        }
     public string CreateChart()

          {


                SqlConnection con = new SqlConnection(conString);

                string sqlStatement = "SELECT Activity_Name,Activity_Id from Activity";

                SqlCommand cmd = new SqlCommand(sqlStatement, con);

                con.Open();

                SqlDataReader reader = cmd.ExecuteReader();

                string strXML;

               strXML = "<graph caption='Category Wise Quantity' subCaption='By Quantity'     decimalPrecision='0' showNames='1' numberSuffix=' Units' pieSliceDepth='30'     formatNumberScale='0'>";

               while (reader.Read())

               {

                   strXML += "<set name='" + reader["Activity_Name"].ToString() + "' value='" + reader["Activity_Id"].ToString() + "' />";

               }

               strXML += "</graph>";

               return FusionCharts.RenderChart("/FusionCharts/FCF_Pie3D.swf", "", strXML, "FactorySum", "650", "450", false, false);

          }

    }
}

person sivakumar    schedule 21.06.2013    source источник


Ответы (2)


С помощью FusionCharts диаграммы можно отображать двумя способами.

  • JavaScript
  • Вспышка

Данные должны быть в одном из двух форматов XML/JSON. Файл данных XML/JSON содержит точки данных и конфигурацию. Конфигурация позволит нам настроить внешний вид диаграммы.

Ваша страница aspx, на которую вы собираетесь добавить диаграмму, должна содержать строку кода ниже

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

который добавляет на страницу элемент управления Literal, который действует как контейнер для диаграммы. Обязательно используйте тот же идентификатор литерала, где в данном случае идентификатор литерала — «Literal1».

Посмотреть живую демонстрацию можно здесь http://goo.gl/nH4zj.

См. документ здесь: http://goo.gl/MmqU6.

Ваш XML должен выглядеть так, как показано ниже.

<categories>

    <category label='Product A' />

    <category label='Product B' />

    <category label='Product C' />

    <category label='Product D' />

    <category label='Product E' />

</categories>

<dataset seriesName='2004' color='AFD8F8' showValues='0'>

    <set value='25601.34' />

    <set value='20148.82' />

    <set value='17372.76' />

    <set value='35407.15' />

    <set value='38105.68' />

</dataset>

<dataset seriesName='2005' color='F6BD0F' showValues='0'>

    <set value='57401.85' />

    <set value='41941.19' />

    <set value='45263.37' />

    <set value='117320.16' />

    <set value='114845.27' />

</dataset>

<dataset seriesName='2006' color='8BBA00' showValues='0'>

    <set value='45000.65' />

    <set value='44835.76' />

    <set value='18722.18' />

    <set value='77557.31' />

    <set value='92633.68' />

</dataset>

Вы можете отобразить диаграмму, передав приведенный выше XML с помощью этой строки кода.

Literal1.Text = FusionCharts.RenderChart("Charts/StackedColumn2D.swf", "", xmlStr.ToString(), "productSales", "600", "300", false, true);

xmlStr — это закодированная переменная данных XML, которая передается для отображения диаграммы.

Неважно, где данные хранятся и откуда извлекаются. Что вам нужно сделать, так это закодировать ваши данные либо в XML, либо в JSON и передать их методу RenderChart. В вашем случае данные должны быть получены с сервера базы данных MSSQL и закодированы в XML/JSON, что когда-либо удобно, и переданы в метод RenderChart.

Загрузите этот образец проекта для двухмерных диаграмм с накоплением столбцов и поэкспериментируйте с ним, чтобы получить лучшую идею.

Загрузите демо здесь: https://github.com/OpenCV/stackedbar2d.

person Bhargav Nanekalva    schedule 22.06.2013

FusionChart принимает данные только в двух формах — XML или JSON. Вы можете использовать любой серверный язык — источник данных. Данные можно извлечь из источника данных и использовать в формате XML/JSON для построения диаграммы.

Простые шаги:


1) http://docs.fusioncharts.com/charts/contents/guide-for-web-developers/csnet/CS_DB.html

В этом вы получите представление о том, как использовать базу данных для построения диаграммы.


2) http://docs.fusioncharts.com/charts/

По этой ссылке вы найдете примеры использования столбчатой ​​диаграммы с накоплением.

Вам нужно только предоставить данные из источника данных в формате XML с накопленной диаграммой и изменить тип диаграммы на StackedColumn3D/2D. Вы сделали! Если это не то, что вы ищете... тогда подробнее о ваших требованиях?

person FraZer    schedule 28.06.2013