Fusionchartfree chart [Asp]

Http://tomieric.wordpress.com/2009/12/17/fusionchartfree_about_aspversion/

It turns out that the yo2.cn article has been blocked.

Fusionchartsfusionchartsfree is the free version of fusioncharts.

The only drawback is that Chinese characters cannot be displayed on the Y axis.

Fusionchart supports various popular web languages, such as ASP, JSP, PHP, and Ruby on Rails.

A large number of chart plug-ins have been found because of work needs, but many do not support Chinese display. Select ASP because your project is ASP.

Many similar charts are implemented by reading XML from flash. I was aware of it before, but JS and Flash are not very familiar with it.

Fusionchartsfree ASP Lite version consists of two files. I translated Chinese comments myself.

 

<! -- R/> --> '02' page: fusioncharts. ASP 03 'Author: infosoft global (p) Ltd. 04 '@ Chinese comment by tomieric 05' </div> 06 <div> 'This page contains a function that can return fusioncharts </div> 07 <div> 'encodedataurl function transmitted through dataurl parameter to fusioncharts. 08 'If your dataurl parameter already has a parameter value, remember to encode it. 09 'parameter: strdataurl-dataurl must transmit chart data 10' parameter: addnocachestr-whether to add other URL strings to disable caching. 11 function encodedataurl (strdataurl, addnocachestr) 12' if necessary, add unnecessary String cache 13 if addnocachestr = true then 14' are we adding? Fccurrtime = xxyyzz 15' if dataurl already contains ?, We add & fccurrtime = xxyyzz 16 'and we want to replace "_" because fusioncharts cannot use this character 17 if instr (strdataurl ,"? ") 0 then 18 strdataurl = strdataurl &" & fccurrtime = "& replace (now (),": "," _ ") 19 else 20 strdataurl = strdataurl &"? Fccurrtime = "& replace (now (),": "," _ ") 21 end if 22 end if 23' encode the URL 24 encodedataurl = server. urlencode (strdataurl) 25 end function </div> 26 <div> the 'renderchart function uses JavaScript + HTML code to embed a chart. 27 'assume that on your webpage, this function already includes the fusioncharts JS class </div> 28 <div> 'chartswf-the SWF file name (and Path) used to display charts) 29 'strurl-if you plan to use the dataurl method to display charts, transfer the SWF file path through the URL. otherwise, set it to "" (in the case of the dataxml method) 30 'strxml-if you plan to use the dataxml method to display charts, use XML to transmit data. otherwise, it is set to "" (in the case of dataurl) 31 'chartid-id value of the DIV of the chart, used for the position of the chart displayed on the HTML page. each chart must use an ID on the HTML page. 32 'chartwidth-Chart display width 33 'chartheight-Chart display height (pixels) </div> 34 <div> function renderchart (C Hartswf, strurl, strxml, chartid, chartwidth, chartheight) 35' first, we need to write a div for the chart. generally, set the div id to "chartid" Div. 36'div name is case sensitive. 37 --> 38 <! -- The Chart script block starts from --> 39 <Div id = "<% = chartid %> Div"> chart. Loading... 40 <! -- R/> --> '"chart. Loading chart..." is displayed before the chart is loaded. (You can add progress bar pictures .) 41' (if the SWF file loading in the server lags behind ). "chart. loading charts... "The text will also be displayed to the user 42 'no flash player is installed. you can configure it as needed (write an online installation Flash Player or prompt to download the URL ). 43 --> </div> 44 <! -- R/> --> 'Now, we use the fusioncharts chart class. An instance is created for each id named chart _ "chartid. 45 --> 46 <! -- 47 // instance diagram, mainly using js to read data in XML 48 var chart _ = new fusioncharts ("","","",""); 49 50 // set the dataurl value of the chart to 51 chart _. setdataurl (""); 52 53 // provide complete XML data using the dataxml method 54 chart _. setdataxml (""); 55 56 // finally, it is fed back to the chart (that is, the XML data is transmitted to SwF, and the flash file can exchange data through XML .) 57 chart _. Render ("Div"); 58 // --> 59 <! -- The Chart script block is from the end --> 60 <! -- R/> --> end function </div> 61 <div> the 'rendercharthtml function converts it into HTML code using JavaScript. 62 'this method does not use charts to embed Javascript classes. 63 'instead, it uses direct HTML embedding. 64 '. If you see the IE 6 chart (or above), you will see the "click to activate..." message on the chart. </Div> 65 <div> 'chartswf-the SWF file name (and Path) 66 'strurl is used for displaying the chart. If you want to use the dataurl method to display the chart, the SWF file path is transmitted through the URL. otherwise, set it to "" (in the case of the dataxml method) 67 'strxml-if you plan to use the dataxml method to display charts, use XML to transmit data. otherwise, it is set to "" (in the case of dataurl) 68 'chartid-id value of the DIV of the chart, used for the position of the chart displayed on the HTML page. each chart must use an ID on the HTML page. 69 'chartwidth-Chart display width 70' chartheight-Chart display height (pixels) </div> 71 <div> function rendercharthtml (chartswf, strurl, strxml, chartid, Chartwidth, chartheight) 72 'generate the flashvars string based on whether dataurl has been provided 73 'or dataxml. 74 dim strflashvars 75 if strxml = "" Then 76' dataurl Method 77 strflashvars = "& chartwidth =" & chartwidth & "& chartheight =" & chartheight & "& dataurl =" & strurl 78 else 79 'dataxml Method 80 strflashvars = "& chartwidth =" & chartwidth & "& chartheight =" & chartheight & "& dataxml =" & strxml 8 1 end if 82 --> 83 <! -- Start of the chart script block --> 84 <div> </div>

 

 

<% '----------------------------------------------------------------------------------' Page: fc_colors.asp 'Author: infosoft global (p) Ltd. '@ Chinese comment by tomieric' comment 'This page contains an array of colors set to fusioncharts' is a hexadecimal code array containing colors 'all colors are represented in hexadecimal dim arr_fccolors (20 ), fc_colorcounter we first define an array of variables so that it can cyclically retrieve the parameter value 'color code array. fc_colorcounter = 0arr_fccolors (0) = "194" 1A5 "'Blue arr_fccolors (1) =" afd8f8 "arr_fccolors (2) =" inherit "arr_fccolors (3) =" 8bba00 "arr_fccolors (4) =" a66edd "arr_fccolors (5) = "f984a1" arr_fccolors (6) = "cccc00" 'chromium + green arr_fccolors (7) = "999999" 'Gray arr_fccolors (8) = "0099cc" 'Blue shadow arr_fccolors (9) = "ff0000" 'Red arr_fccolors (10) = "006f00" 'dark green arr_fccolors (11) = "0099ff"' Blue (light) arr_fccolors (12) = "ff66cc" 'Dark pink arr_fccolors (13) = "669966" 'green arr_fc Colors (14) = "7c7cb4" 'purple blue with shadow arr_fccolors (15) = "ff9933" 'Orange arr_fccolors (16) = "9900ff" 'violet arr_fccolors (17) = "99 ffcc" 'Blue + light green arr_fccolors (18) = "ccccff" 'light purple blue arr_fccolors (19) = "669900" the 'green with shadow 'getfccolor method returns a color code value of the arr_fccolors value. 'It can return the index value of a color code cyclically. 'The index value is included in fc_colorcounter. Function getfccolor () 'Update color code value fc_colorcounter = fc_colorcounter + 1' return a color code value getfccolor = arr_fccolors (fc_colorcounter mod ubound (arr_fccolors) end %>