public class FusionCharts
{
/// <summary>
/// encodes the dataURL before it's served to FusionCharts
/// If you have parameters in your dataURL, you'll necessarily need to encode it
/// </summary>
/// <param name="dataURL">dataURL to be fed to chart</param>
/// <param name="noCacheStr">Whether to add aditional string to URL to disable caching of data</param>
/// <returns>Encoded dataURL, ready to be consumed by FusionCharts</returns>
public static string EncodeDataURL(string dataURL, bool noCacheStr)
{
string result = dataURL;
if (noCacheStr)
{
result += (dataURL.IndexOf("?") != -1) ? "&" : "?";
//Replace : in time with _, as FusionCharts cannot handle : in URLs
result += "FCCurrTime=" + DateTime.Now.ToString().Replace(":", "_");
}
return System.Web.HttpUtility.UrlEncode(result);
}
/// <summary>
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <param name="bgColor">Back Ground Color</param>
/// <param name="scaleMode">Set Scale Mode</param>
/// <param name="language">Set SWF file Language</param>
/// <returns>JavaScript + HTML code required to embed a chart</returns>
private static string RenderChartALL(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent, string bgColor, string scaleMode, string language)
{
StringBuilder builder = new StringBuilder();
builder.AppendFormat("<!-- START Script Block for Chart {0} -->" + Environment.NewLine, chartId);
builder.AppendFormat("<div id='{0}Div' >" + Environment.NewLine, chartId);
builder.Append("Chart." + Environment.NewLine);
builder.Append("</div>" + Environment.NewLine);
builder.Append("<script type=\"text/javascript\">" + Environment.NewLine);
builder.AppendFormat("var chart_{0} = new FusionCharts(\"{1}\", \"{0}\", \"{2}\", \"{3}\", \"{4}\", \"{5}\", \"{6}\", \"{7}\", \"{8}\" );" + Environment.NewLine, chartId, chartSWF, chartWidth, chartHeight, boolToNum(debugMode), boolToNum(registerWithJS), bgColor, scaleMode, language);
if (strXML.Length == 0)
{
builder.AppendFormat("chart_{0}.setDataURL(\"{1}\");" + Environment.NewLine, chartId, strURL);
}
else
{
builder.AppendFormat("chart_{0}.setDataXML(\"{1}\");" + Environment.NewLine, chartId, strXML);
}
if (transparent == true)
{
builder.AppendFormat("chart_{0}.setTransparent({1});" + Environment.NewLine, chartId, "true");
}
builder.AppendFormat("chart_{0}.render(\"{1}Div\");" + Environment.NewLine, chartId, chartId);
builder.Append("</script>" + Environment.NewLine);
builder.AppendFormat("<!-- END Script Block for Chart {0} -->" + Environment.NewLine, chartId);
return builder.ToString();
}
/// <summary>
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <returns>JavaScript + HTML code required to embed a chart</returns>
public static string RenderChart(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
{
return RenderChartALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent, "", "noScale", "EN");
}
/// <summary>
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <param name="bgColor">Back Ground Color</param>
/// <param name="scaleMode">Set Scale Mode</param>
/// <param name="language">Set SWF file Language</param>
/// <returns>JavaScript + HTML code required to embed a chart</returns>
public static string RenderChart(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent, string bgColor, string scaleMode, string language)
{
return RenderChartALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent, bgColor, scaleMode, language);
}
/// <summary>
/// Generate html code for rendering chart
/// This function assumes that you've already included the FusionCharts JavaScript class in your page
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <returns>JavaScript + HTML code required to embed a chart</returns>
public static string RenderChart(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS)
{
return RenderChart(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, false, "", "noScale", "EN");
}
/// <summary>
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the "Click to activate..." message on the chart.
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <returns></returns>
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode)
{
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, false, false, "", "noScale", "EN");
}
/// <summary>
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the "Click to activate..." message on the chart.
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <returns></returns>
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS)
{
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, false, "", "noScale", "EN");
}
/// <summary>
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the "Click to activate..." message on the chart.
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <returns></returns>
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent)
{
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent, "", "noScale", "EN");
}
/// <summary>
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the "Click to activate..." message on the chart.
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <param name="bgColor">Back Ground Color</param>
/// <param name="scaleMode">Set Scale Mode</param>
/// <param name="language">Set SWF file Language</param>
/// <returns></returns>
public static string RenderChartHTML(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent, string bgColor, string scaleMode, string language)
{
return RenderChartHTMLALL(chartSWF, strURL, strXML, chartId, chartWidth, chartHeight, debugMode, registerWithJS, transparent, bgColor, scaleMode, language);
}
/// <summary>
/// Renders the HTML code for the chart. This
/// method does NOT embed the chart using JavaScript class. Instead, it uses
/// direct HTML embedding. So, if you see the charts on IE 6 (or above), you'll
/// see the "Click to activate..." message on the chart.
/// </summary>
/// <param name="chartSWF">SWF File Name (and Path) of the chart which you intend to plot</param>
/// <param name="strURL">If you intend to use dataURL method for this chart, pass the URL as this parameter. Else, set it to "" (in case of dataXML method)</param>
/// <param name="strXML">If you intend to use dataXML method for this chart, pass the XML data as this parameter. Else, set it to "" (in case of dataURL method)</param>
/// <param name="chartId">Id for the chart, using which it will be recognized in the HTML page. Each chart on the page needs to have a unique Id.</param>
/// <param name="chartWidth">Intended width for the chart (in pixels)</param>
/// <param name="chartHeight">Intended height for the chart (in pixels)</param>
/// <param name="debugMode">Whether to start the chart in debug mode</param>
/// <param name="registerWithJS">Whether to ask chart to register itself with JavaScript</param>
/// <param name="transparent">Whether transparent chart (true / false)</param>
/// <param name="bgColor">Back Ground Color</param>
/// <param name="scaleMode">Set Scale Mode</param>
/// <param name="language">Set SWF file Language</param>
/// <returns></returns>
private static string RenderChartHTMLALL(string chartSWF, string strURL, string strXML, string chartId, string chartWidth, string chartHeight, bool debugMode, bool registerWithJS, bool transparent, string bgColor, string scaleMode, string language)
{
//Generate the FlashVars string based on whether dataURL has been provided
//or dataXML.
StringBuilder strFlashVars = new StringBuilder();
StringBuilder flashVariables = new StringBuilder();
string mBGColor = "";
string strwmode = "";
if (strXML.Length == 0)
{
//DataURL Mode
flashVariables.AppendFormat("&chartWidth={0}&chartHeight={1}&debugMode={2}®isterWithJS={3}&DOMId={4}&dataURL={5}", chartWidth, chartHeight, boolToNum(debugMode), boolToNum(registerWithJS), chartId, strURL);
}
else
//DataXML Mode
{
flashVariables.AppendFormat("&chartWidth={0}&chartHeight={1}&debugMode={2}®isterWithJS={3}&DOMId={4}&dataXML={5}", chartWidth, chartHeight, boolToNum(debugMode), boolToNum(registerWithJS), chartId, strXML);
}
flashVariables.AppendFormat("&scaleMode={0}&lang={1}", scaleMode, language);
//Checks for protocol type.
string isHTTPS = HttpContext.Current.Request.ServerVariables["HTTPS"];
//Checks browser type.
bool isMSIE = HttpContext.Current.Request.ServerVariables["HTTP_USER_AGENT"].Contains("MSIE");
//Protocol initially sets to http.
string HTTPS = "http";
if (isHTTPS.ToLower() == "on".ToLower())
{
HTTPS = "https";
}
//Transparency check.
if (transparent == true)
{
strwmode = "wmode=\"transparent\"";
}
strFlashVars.AppendFormat("<!-- START Code Block for Chart {0} -->" + Environment.NewLine, chartId);
if (isMSIE)
{
strFlashVars.AppendFormat("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"{3}://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\"{0}\" height=\"{1}\" name=\"{2}\" id=\"{2}\" >" + Environment.NewLine, chartWidth, chartHeight, chartId, HTTPS);
strFlashVars.Append("<param name=\"allowScriptAccess\" value=\"always\" />" + Environment.NewLine);
strFlashVars.AppendFormat("<param name=\"movie\" value=\"{0}\"/>" + Environment.NewLine, chartSWF);
strFlashVars.AppendFormat("<param name=\"FlashVars\" value=\"{0}\" />" + Environment.NewLine, flashVariables.ToString());
strFlashVars.Append("<param name=\"quality\" value=\"high\" />" + Environment.NewLine);
if (bgColor != "")
{
strFlashVars.AppendFormat("<param name=\"bgcolor\" value=\"{0}\" />" + Environment.NewLine, bgColor);
}
if (transparent == true)
{
strFlashVars.Append("<param name=\"wmode\" value=\"transparent\" />" + Environment.NewLine);
}
strFlashVars.Append("</object>" + Environment.NewLine);
}
else
{
if (bgColor != "")
{
mBGColor = "bgcolor=\"" + bgColor + "\"";
}
if (transparent == true)
{
strwmode = "wmode=\"transparent\"";
}
strFlashVars.AppendFormat("<embed src=\"{0}\" FlashVars=\"{1}\" quality=\"high\" width=\"{2}\" height=\"{3}\" name=\"{4}\" id=\"{4}\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"{7}://www.macromedia.com/go/getflashplayer\" {5} {6} />" + Environment.NewLine, chartSWF, flashVariables.ToString(), chartWidth, chartHeight, chartId, strwmode, mBGColor, HTTPS);
}
strFlashVars.AppendFormat("<!-- END Code Block for Chart {0} -->" + Environment.NewLine, chartId);
StringBuilder FlashXML = new StringBuilder();
FlashXML.AppendFormat("<div id='{0}Div' >", chartId);
FlashXML.AppendFormat("{0}</div>", strFlashVars.ToString());
return FlashXML.ToString();
}
/// <summary>
/// Transform the meaning of boolean value in integer value
/// </summary>
/// <param name="value">true/false value to be transformed</param>
/// <returns>1 if the value is true, 0 if the value is false</returns>
private static int boolToNum(bool value)
{
return value ? 1 : 0;
}
}
本文详细介绍了如何使用 FusionCharts API 编码数据 URL、生成 HTML 代码渲染图表及自定义参数设置，适用于数据 URL 和数据 XML 方法。
扫一扫
3265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
