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

Question

У меня есть требование разработать сложенные столбцы диаграммы с использованием пробной версии 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); 

      } 

    } 
} 

Answer 1

Использование диаграмм FusionCharts может быть представлено двумя способами.

• JavaScript
• флэш

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

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

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

который добавляет Символьное управление на страницу, которая действует в качестве контейнера для графика. Обязательно используйте один и тот же литеральный идентификатор, где в этом случае Literal ID «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

Answer 2

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

Простой steps-

---

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

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

---

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

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

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