Sign in to follow this  
Luohui

Why Does Not Automatically Redraw

Recommended Posts

var chart_Day_Daily = FusionCharts("day_daily_chart_id");

chart_Day_Daily.setXMLData(chartDayDailyXml);//Why does not automatically redraw??

Share this post


Link to post
Share on other sites
Guest Sumedh

var chart_Day_Daily = FusionCharts("day_daily_chart_id");

chart_Day_Daily.setXMLData(chartDayDailyXml);//Why does not automatically redraw??

 

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Can you please elaborate a bit more on your issue?

 

What issue are you facing exactly?

 

Please send us the chart XML as well as the sample code.

Share this post


Link to post
Share on other sites

HI~Sumedh

 

1.Why does not automatically resize??

2.Why does not automatically redraw??

 

sample code:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="[url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]">
<head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <script src="Utility/FusionCharts/Charts/FusionCharts.js" type="text/javascript"></script>
</head>
<body>
<div>
       <div style="height: 225px;">
           <div id="daily_chart_panel" style=" height: 225px; float: left; background:#E2E8F0;"></div>
           <div id="grand_chart_panel" style=" height: 225px; float: right; background:#E2E8F0;"></div>
       </div>[/color][/font]

[font="Arial Black"][color="#000000"]        <input id="Button1" type="button" value="ReDraw" onclick="return reDraw_onclick()" />
   </div>
   <script type="text/javascript">
       window.daily_Chart = null;
       window.grand_Chart = null;[/color][/font]

[font="Arial Black"][color="#000000"]        window.dailyXml = null;
       window.grandXml = null;[/color][/font]

[font="Arial Black"][color="#000000"]        window.onerror = null;[/color][/font]

[font="Arial Black"][color="#000000"]        window.onresize = function () {
           //
           var _pos = window.getBodyPos();
           //
           var _page_Content_Panel_Width = _pos.clientWidth - 38;
           //
           document.getElementById("daily_chart_panel").style.width = (_page_Content_Panel_Width * 1.000 / 2) + "px";
           document.getElementById("grand_chart_panel").style.width = (_page_Content_Panel_Width * 1.000 / 2) + "px";[/color][/font]

[font="Arial Black"][color="#000000"]            //
           window.daily_Chart = FusionCharts("daily_chart_id");
           if (window.daily_Chart) {
               window.daily_Chart.resizeTo("100%", "100%"); //Why does not automatically resize??
           }
           //
           window.grand_Chart = FusionCharts("grand_chart_id");
           if (window.grand_Chart) {
               window.grand_Chart.resizeTo("100%", "100%"); //Why does not automatically resize??
           }
       }
       window.onload = function () {
           window.getXml();
           window.fillingChart();
           window.onresize();
       }
       function fillingChart() {
           //daily_Chart
           window.daily_Chart = FusionCharts("daily_chart_id");
           if (!window.daily_Chart) {
               window.daily_Chart = new FusionCharts("Utility/FusionCharts/Charts/MSCombiDY2D_Day_Daily.swf", "daily_chart_id", "100%", "100%", "0", "1");
               window.daily_Chart.setXMLData(window.dailyXml);
               window.daily_Chart.render("daily_chart_panel");
           }
           else {
               window.daily_Chart = FusionCharts("daily_chart_id");
               window.daily_Chart.setXMLData(window.dailyXml); //Why does not automatically redraw??
           }[/color][/font]

[font="Arial Black"][color="#000000"]            //grand_Chart
           window.grand_Chart = FusionCharts("grand_chart_id");
           if (!window.grand_Chart) {
               window.grand_Chart = new FusionCharts("Utility/FusionCharts/Charts/MSCombiDY2D_Grand_Total.swf", "grand_chart_id", "100%", "100%", "0", "1");
               window.grand_Chart.setXMLData(window.grandXml);
               window.grand_Chart.render("grand_chart_panel");
           }
           else {
               window.grand_Chart = FusionCharts("grand_chart_id");
               window.grand_Chart.setXMLData(window.grandXml); //Why does not automatically redraw??
           }
       }
       function getXml() {
           /*
           var xmlhttp = Utility.XmlHttpRequest.getXmlHttp();
           xmlhttp.open("POST", "Item.aspx?r=" + Math.random() + "&I_REPDT=" + _I_REPDT + "&I_WAERS=" + _I_WAERS + "&I_PHQTY=" + _I_PHQTY, false);
           xmlhttp.send(null);
           xmldoc = xmlhttp.responseXML;[/color][/font]

[font="Arial Black"][color="#000000"]            window.dailyXml = window.getChartXml('Daily','Day');
           window.grandXml = window.getChartXml('Grand','Mon');
           */[/color][/font]

[font="Arial Black"][color="#000000"]            window.dailyXml = "<chart caption=\"Daily\" showLegend=\"0\" legendPosition=\"RIGHT\" showValues=\"0\" sNumberSuffix=\"%\" decimals=\"1\" setAdaptiveYMin=\"1\" setAdaptiveSYMin=\"1\" lineThickness=\"1\" stack100percent=\"0\" canvasbgangle=\"0\" canvasborderthickness=\"2\" chartleftmargin=\"15\" chartrightmargin=\"5\" outcnvbasefontsize=\"11\" bgcolor=\"E2E8F0\" showcumulativeline=\"1\" linecolor=\"D3AF1D\" showplotborder=\"1\" plotgradientcolor=\"\" plotbordercolor=\"F5BA00\" showcanvasbg=\"1\" showcanvasbase=\"1\" canvasbgcolor=\"ffffff\" canvasbgalpha=\"90\" canvasbasecolor=\"D3DBCA\" showalternatehgridcolor=\"0\" showborder=\"0\" canvasborderalpha=\"20\" divlinealpha=\"15\" showshadow=\"1\" plotfillangle=\"100\" plotfillratio=\"\" plotborderdashed=\"0\" plotborderdashlen=\"1\" anchorradius=\"3\" anchorbgcolor=\"FFFFFF\" anchorborderthickness=\"3\" linethickness=\"2\" canvasBorderThickness=\"1\" canvasBorderColor=\"74787C\" showFCMenuItem=\"0\" chartTopMargin=\"10\" chartBottomMargin=\"10\" chartLeftMargin=\"10\" chartRightMargin=\"10\" captionPadding=\"10\" labelPadding=\"0\"  adjustDiv= \"0\" numDivLines=\"3\" PYAxisMinValue=\"0\"  PYAxisMaxValue=\"100\" SYAxisMinValue=\"0\"  SYAxisMaxValue=\"40\">    <categories>        <category label=\"2.22\"/>        <category label=\"2.23\" />        <category label=\"2.24\" />        <category label=\"2.25\" />        <category label=\"2.26\" />        <category label=\"2.27\" />        <category label=\"2.28\" />    </categories>    <dataset seriesname=\"A\" color=\"F5BA00\">    <set value=\"443\" hoverText=\"443\"/>    <set value=\"394\" hoverText=\"394\"/>    <set value=\"414\" hoverText=\"414\"/>    <set value=\"610\" hoverText=\"610\"/>    <set value=\"1002\" hoverText=\"1002\"/>    <set value=\"83\" hoverText=\"83\"/>    <set value=\"90\" hoverText=\"90\"/>    </dataset>    <dataset seriesname=\"B\" parentYAxis=\"S\" lineThickness=\"2\" color=\"5AC724\" anchorSides=\"3\" anchorRadius=\"7\" anchorBorderThickness=\"1\" anchorBorderColor=\"5AC724\" anchorBgColor=\"5AC724\">        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>    </dataset>    <dataset seriesname=\"C\" parentYAxis=\"S\" lineThickness=\"2\" color=\"733AE0\" anchorSides=\"8\" anchorRadius=\"5\" anchorBorderThickness=\"1\" anchorBorderColor=\"733AE0\" anchorBgColor=\"733AE0\">        <set value=\"15.9\" hoverText=\"15.9%\"/>        <set value=\"14.2\" hoverText=\"14.2%\"/>        <set value=\"14.9\" hoverText=\"14.9%\"/>        <set value=\"21.9\" hoverText=\"21.9%\"/>        <set value=\"36.0\" hoverText=\"36.0%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>    </dataset>    <styles>        <definition>            <style name=\"CanvasXScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\" />            <style name=\"CanvasYScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\"/>            <style name=\"CaptionStyle\" type=\"font\" font=\"Verdana\" size=\"14\" color=\"464547\" bold=\"1\" bgColor=\"F1F4F8\" borderColor=\"D7DBDF\" leftMargin=\"5\" rightMargin=\"5\" letterSpacing=\"2\"/>        </definition>        <application>            <apply toObject=\"Caption\" styles=\"CaptionStyle\" />            <apply toObject=\"Canvas\" styles=\"CanvasXScaleAnim,CanvasYScaleAnim\" />        </application>    </styles></chart>";
           window.grandXml = "<chart caption=\"Grand\" showLegend=\"0\" legendPosition=\"RIGHT\" showValues=\"0\" sNumberSuffix=\"%\" decimals=\"1\" setAdaptiveYMin=\"1\" setAdaptiveSYMin=\"1\" lineThickness=\"1\" stack100percent=\"0\" canvasbgangle=\"0\" canvasborderthickness=\"2\" chartleftmargin=\"15\" chartrightmargin=\"5\" outcnvbasefontsize=\"11\" bgcolor=\"E2E8F0\" showcumulativeline=\"1\" linecolor=\"D3AF1D\" showplotborder=\"1\" plotgradientcolor=\"\" plotbordercolor=\"F5BA00\" showcanvasbg=\"1\" showcanvasbase=\"1\" canvasbgcolor=\"ffffff\" canvasbgalpha=\"90\" canvasbasecolor=\"D3DBCA\" showalternatehgridcolor=\"0\" showborder=\"0\" canvasborderalpha=\"20\" divlinealpha=\"15\" showshadow=\"1\" plotfillangle=\"100\" plotfillratio=\"\" plotborderdashed=\"0\" plotborderdashlen=\"1\" anchorradius=\"3\" anchorbgcolor=\"FFFFFF\" anchorborderthickness=\"3\" linethickness=\"2\" canvasBorderThickness=\"1\" canvasBorderColor=\"74787C\" showFCMenuItem=\"0\" chartTopMargin=\"10\" chartBottomMargin=\"10\" chartLeftMargin=\"10\" chartRightMargin=\"10\" captionPadding=\"10\" labelPadding=\"0\"  adjustDiv= \"0\" numDivLines=\"3\" PYAxisMinValue=\"0\"  PYAxisMaxValue=\"100\" SYAxisMinValue=\"0\"  SYAxisMaxValue=\"40\">    <categories>        <category label=\"2.22\"/>        <category label=\"2.23\" />        <category label=\"2.24\" />        <category label=\"2.25\" />        <category label=\"2.26\" />        <category label=\"2.27\" />        <category label=\"2.28\" />    </categories>    <dataset seriesname=\"A\" color=\"F5BA00\">    <set value=\"9158\" hoverText=\"9158\"/>    <set value=\"9549\" hoverText=\"9549\"/>    <set value=\"9968\" hoverText=\"9968\"/>    <set value=\"10580\" hoverText=\"10580\"/>    <set value=\"11593\" hoverText=\"11593\"/>    <set value=\"83\" hoverText=\"83\"/>    <set value=\"173\" hoverText=\"173\"/>    </dataset>    <dataset seriesname=\"B\" parentYAxis=\"S\" lineThickness=\"2\" color=\"5AC724\" anchorSides=\"3\" anchorRadius=\"7\" anchorBorderThickness=\"1\" anchorBorderColor=\"5AC724\" anchorBgColor=\"5AC724\">        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"15.5\" hoverText=\"15.5%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>    </dataset>    <dataset seriesname=\"C\" parentYAxis=\"S\" lineThickness=\"2\" color=\"733AE0\" anchorSides=\"8\" anchorRadius=\"5\" anchorBorderThickness=\"1\" anchorBorderColor=\"733AE0\" anchorBgColor=\"733AE0\">        <set value=\"13.7\" hoverText=\"13.7%\"/>        <set value=\"13.7\" hoverText=\"13.7%\"/>        <set value=\"13.8\" hoverText=\"13.8%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>        <set value=\"14.9\" hoverText=\"14.9%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>    </dataset>    <styles>        <definition>            <style name=\"CanvasXScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\" />            <style name=\"CanvasYScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\"/>            <style name=\"CaptionStyle\" type=\"font\" font=\"Verdana\" size=\"14\" color=\"464547\" bold=\"1\" bgColor=\"F1F4F8\" borderColor=\"D7DBDF\" leftMargin=\"5\" rightMargin=\"5\" letterSpacing=\"2\"/>        </definition>        <application>            <apply toObject=\"Caption\" styles=\"CaptionStyle\" />            <apply toObject=\"Canvas\" styles=\"CanvasXScaleAnim,CanvasYScaleAnim\" />        </application>    </styles></chart>";
       }[/color][/font]

[font="Arial Black"][color="#000000"]        function getChartXml(caption, zztyp) {
           var _dateList = getDateList();[/color][/font]

[font="Arial Black"][color="#000000"]            var _xmlStr = "";
           _xmlStr += "<chart caption=\"" + caption + "\" showLegend='0' legendPosition='RIGHT' showValues=\"0\" sNumberSuffix=\"%\" decimals=\"1\" setAdaptiveYMin=\"1\" setAdaptiveSYMin=\"1\" lineThickness=\"1\" stack100percent=\"0\" canvasbgangle=\"0\" canvasborderthickness=\"2\" chartleftmargin=\"15\" chartrightmargin=\"5\" outcnvbasefontsize=\"11\" bgcolor=\"E2E8F0\" showcumulativeline=\"1\" linecolor=\"D3AF1D\" showplotborder=\"1\" plotgradientcolor=\"\" plotbordercolor=\"F5BA00\" showcanvasbg=\"1\" showcanvasbase=\"1\" canvasbgcolor=\"ffffff\" canvasbgalpha=\"90\" canvasbasecolor=\"D3DBCA\" showalternatehgridcolor=\"0\" showborder=\"0\" canvasborderalpha=\"20\" divlinealpha=\"15\" showshadow=\"1\" plotfillangle=\"100\" plotfillratio=\"\" plotborderdashed=\"0\" plotborderdashlen=\"1\" anchorradius=\"3\" anchorbgcolor=\"FFFFFF\" anchorborderthickness=\"3\" linethickness=\"2\" canvasBorderThickness=\"1\" canvasBorderColor=\"74787C\" showFCMenuItem=\"0\" chartTopMargin=\"10\" chartBottomMargin=\"10\" chartLeftMargin=\"10\" chartRightMargin=\"10\" captionPadding=\"10\" labelPadding=\"0\"  adjustDiv= \"0\" numDivLines=\"3\" PYAxisMinValue=\"0\"  PYAxisMaxValue=\"100\" SYAxisMinValue=\"0\"  SYAxisMaxValue=\"40\">";
           _xmlStr += "    <categories>";
           _xmlStr += "        <category label=\"" + _dateList[13] + "\"/>";
           _xmlStr += "        <category label=\"" + _dateList[12] + "\" />";
           _xmlStr += "        <category label=\"" + _dateList[11] + "\" />";
           _xmlStr += "        <category label=\"" + _dateList[10] + "\" />";
           _xmlStr += "        <category label=\"" + _dateList[9] + "\" />";
           _xmlStr += "        <category label=\"" + _dateList[8] + "\" />";
           _xmlStr += "        <category label=\"" + _dateList[7] + "\" />";
           _xmlStr += "    </categories>";
           _xmlStr += "    <dataset seriesname=\"A\" color=\"F5BA00\">";
           if (xmldoc != null) {
               node = xmldoc.selectSingleNode("//rs:data/z:row[@ZZTYP='" + zztyp + "' and @CLSDT='" + window.CLSDT + "' and @CLS01='' and @CLS02='']");
               if (node != null) {
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT01")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT01")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT02")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT02")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT03")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT03")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT04")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT04")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT05")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT05")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT06")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT06")).toFixed(0) + "\"/>";
                   _xmlStr += "    <set value=\"" + parseFloat(node.getAttribute("AMT07")).toFixed(0) + "\" hoverText=\"" + parseFloat(node.getAttribute("AMT07")).toFixed(0) + "\"/>";
               }
               else {
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               }
           }
           else {
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0\"/>";
           }
           _xmlStr += "    </dataset>";
           _xmlStr += "    <dataset seriesname=\"B\" parentYAxis=\"S\" lineThickness=\"2\" color=\"5AC724\" anchorSides=\"3\" anchorRadius=\"7\" anchorBorderThickness=\"1\" anchorBorderColor=\"5AC724\" anchorBgColor=\"5AC724\">";
           if (xmldoc != null) {
               node = xmldoc.selectSingleNode("//rs:data/z:row[@ZZTYP='" + zztyp + "' and @CLSDT='" + window.CLSDT + "' and @CLS01='PER' and @CLS02='']");
               if (node != null) {
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER01")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER01")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER01")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER02")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER02")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER02")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER03")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER03")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER03")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER04")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER04")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER04")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER05")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER05")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER05")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER06")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER06")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER06")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER07")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER07")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER07")).toFixed(1) + "%\"/>";
               }
               else {
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               }
           }
           else {
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
           }
           _xmlStr += "    </dataset>";
           _xmlStr += "    <dataset seriesname=\"C\" parentYAxis=\"S\" lineThickness=\"2\" color=\"733AE0\" anchorSides=\"8\" anchorRadius=\"5\" anchorBorderThickness=\"1\" anchorBorderColor=\"733AE0\" anchorBgColor=\"733AE0\">";
           if (xmldoc != null) {
               node = xmldoc.selectSingleNode("//rs:data/z:row[@ZZTYP='" + zztyp + "' and @CLSDT='" + window.CLSDT + "' and @CLS01='' and @CLS02='']");
               if (node != null) {
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER01")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER01")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER01")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER02")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER02")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER02")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER03")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER03")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER03")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER04")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER04")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER04")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER05")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER05")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER05")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER06")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER06")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER06")).toFixed(1) + "%\"/>";
                   _xmlStr += "        <set value=\"" + (parseFloat(parseFloat(node.getAttribute("PER07")).toFixed(1)) > 40 ? 40 : parseFloat(node.getAttribute("PER07")).toFixed(1)) + "\" hoverText=\"" + parseFloat(node.getAttribute("PER07")).toFixed(1) + "%\"/>";
               }
               else {
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
                   _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               }
           }
           else {
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
               _xmlStr += "    <set value=\"0\" hoverText=\"0.0%\"/>";
           }
           _xmlStr += "    </dataset>";
           _xmlStr += "    <styles>";
           _xmlStr += "        <definition>";
           _xmlStr += "            <style name=\"CanvasXScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\" />";
           _xmlStr += "            <style name=\"CanvasYScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\"/>";
           _xmlStr += "            <style name=\"CaptionStyle\" type=\"font\" font=\"Verdana\" size=\"14\" color=\"464547\" bold=\"1\" bgColor=\"F1F4F8\" borderColor=\"D7DBDF\" leftMargin=\"5\" rightMargin=\"5\" letterSpacing=\"2\"/>";
           _xmlStr += "        </definition>";
           _xmlStr += "        <application>";
           _xmlStr += "            <apply toObject=\"Caption\" styles=\"CaptionStyle\" />";
           _xmlStr += "            <apply toObject=\"Canvas\" styles=\"CanvasXScaleAnim,CanvasYScaleAnim\" />";
           _xmlStr += "        </application>";
           _xmlStr += "    </styles>";
           _xmlStr += "</chart>";
           return _xmlStr;
       }[/color][/font]

[font="Arial Black"][color="#000000"]        function getBodyPos() {
           if (document.compatMode == "BackCompat") {
               return {
                   //
                   clientWidth: document.body.clientWidth,
                   clientHeight: document.body.clientHeight,
                   //
                   scrollWidth: document.body.scrollWidth,
                   scrollHeight: document.body.scrollHeight,
                   //
                   clientLeft: document.body.clientLeft,
                   clientTop: document.body.clientTop,
                   //
                   scrollLeft: document.body.scrollLeft,
                   scrollTop: document.body.scrollTop,
                   //
                   Width: Math.max(document.body.clientWidth, document.body.scrollWidth),
                   Height: Math.max(document.body.clientHeight, document.body.scrollHeight)
               };
           }
           else {
               return {
                   //
                   clientWidth: document.documentElement.clientWidth,
                   clientHeight: document.documentElement.clientHeight,
                   //
                   scrollWidth: document.documentElement.scrollWidth,
                   scrollHeight: document.documentElement.scrollHeight,
                   //
                   clientLeft: document.documentElement.clientLeft,
                   clientTop: document.documentElement.clientTop,
                   //
                   scrollLeft: document.documentElement.scrollLeft,
                   scrollTop: document.documentElement.scrollTop,
                   //
                   width: Math.max(document.documentElement.clientWidth, document.documentElement.scrollWidth),
                   height: Math.max(document.documentElement.clientHeight, document.documentElement.scrollHeight)
               };
           }
       }
       function reDraw_onclick() {
           //window.getXml();[/color][/font]

[font="Arial Black"][color="#000000"]            window.dailyXml = "<chart caption=\"Daily_New\" showLegend=\"0\" legendPosition=\"RIGHT\" showValues=\"0\" sNumberSuffix=\"%\" decimals=\"1\" setAdaptiveYMin=\"1\" setAdaptiveSYMin=\"1\" lineThickness=\"1\" stack100percent=\"0\" canvasbgangle=\"0\" canvasborderthickness=\"2\" chartleftmargin=\"15\" chartrightmargin=\"5\" outcnvbasefontsize=\"11\" bgcolor=\"E2E8F0\" showcumulativeline=\"1\" linecolor=\"D3AF1D\" showplotborder=\"1\" plotgradientcolor=\"\" plotbordercolor=\"F5BA00\" showcanvasbg=\"1\" showcanvasbase=\"1\" canvasbgcolor=\"ffffff\" canvasbgalpha=\"90\" canvasbasecolor=\"D3DBCA\" showalternatehgridcolor=\"0\" showborder=\"0\" canvasborderalpha=\"20\" divlinealpha=\"15\" showshadow=\"1\" plotfillangle=\"100\" plotfillratio=\"\" plotborderdashed=\"0\" plotborderdashlen=\"1\" anchorradius=\"3\" anchorbgcolor=\"FFFFFF\" anchorborderthickness=\"3\" linethickness=\"2\" canvasBorderThickness=\"1\" canvasBorderColor=\"74787C\" showFCMenuItem=\"0\" chartTopMargin=\"10\" chartBottomMargin=\"10\" chartLeftMargin=\"10\" chartRightMargin=\"10\" captionPadding=\"10\" labelPadding=\"0\"  adjustDiv= \"0\" numDivLines=\"3\" PYAxisMinValue=\"0\"  PYAxisMaxValue=\"100\" SYAxisMinValue=\"0\"  SYAxisMaxValue=\"40\">    <categories>        <category label=\"2.22\"/>        <category label=\"2.23\" />        <category label=\"2.24\" />        <category label=\"2.25\" />        <category label=\"2.26\" />        <category label=\"2.27\" />        <category label=\"2.28\" />    </categories>    <dataset seriesname=\"A\" color=\"F5BA00\">    <set value=\"543\" hoverText=\"543\"/>    <set value=\"394\" hoverText=\"394\"/>    <set value=\"414\" hoverText=\"414\"/>    <set value=\"710\" hoverText=\"710\"/>    <set value=\"1002\" hoverText=\"1002\"/>    <set value=\"83\" hoverText=\"83\"/>    <set value=\"90\" hoverText=\"90\"/>    </dataset>    <dataset seriesname=\"B\" parentYAxis=\"S\" lineThickness=\"2\" color=\"5AC724\" anchorSides=\"3\" anchorRadius=\"7\" anchorBorderThickness=\"1\" anchorBorderColor=\"5AC724\" anchorBgColor=\"5AC724\">        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>    </dataset>    <dataset seriesname=\"C\" parentYAxis=\"S\" lineThickness=\"2\" color=\"733AE0\" anchorSides=\"8\" anchorRadius=\"5\" anchorBorderThickness=\"1\" anchorBorderColor=\"733AE0\" anchorBgColor=\"733AE0\">        <set value=\"15.9\" hoverText=\"15.9%\"/>        <set value=\"14.2\" hoverText=\"14.2%\"/>        <set value=\"14.9\" hoverText=\"14.9%\"/>        <set value=\"21.9\" hoverText=\"21.9%\"/>        <set value=\"26.0\" hoverText=\"26.0%\"/>        <set value=\"10.0\" hoverText=\"10.0%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>    </dataset>    <styles>        <definition>            <style name=\"CanvasXScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\" />            <style name=\"CanvasYScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\"/>            <style name=\"CaptionStyle\" type=\"font\" font=\"Verdana\" size=\"14\" color=\"464547\" bold=\"1\" bgColor=\"F1F4F8\" borderColor=\"D7DBDF\" leftMargin=\"5\" rightMargin=\"5\" letterSpacing=\"2\"/>        </definition>        <application>            <apply toObject=\"Caption\" styles=\"CaptionStyle\" />            <apply toObject=\"Canvas\" styles=\"CanvasXScaleAnim,CanvasYScaleAnim\" />        </application>    </styles></chart>";
           window.grandXml = "<chart caption=\"Grand_New\" showLegend=\"0\" legendPosition=\"RIGHT\" showValues=\"0\" sNumberSuffix=\"%\" decimals=\"1\" setAdaptiveYMin=\"1\" setAdaptiveSYMin=\"1\" lineThickness=\"1\" stack100percent=\"0\" canvasbgangle=\"0\" canvasborderthickness=\"2\" chartleftmargin=\"15\" chartrightmargin=\"5\" outcnvbasefontsize=\"11\" bgcolor=\"E2E8F0\" showcumulativeline=\"1\" linecolor=\"D3AF1D\" showplotborder=\"1\" plotgradientcolor=\"\" plotbordercolor=\"F5BA00\" showcanvasbg=\"1\" showcanvasbase=\"1\" canvasbgcolor=\"ffffff\" canvasbgalpha=\"90\" canvasbasecolor=\"D3DBCA\" showalternatehgridcolor=\"0\" showborder=\"0\" canvasborderalpha=\"20\" divlinealpha=\"15\" showshadow=\"1\" plotfillangle=\"100\" plotfillratio=\"\" plotborderdashed=\"0\" plotborderdashlen=\"1\" anchorradius=\"3\" anchorbgcolor=\"FFFFFF\" anchorborderthickness=\"3\" linethickness=\"2\" canvasBorderThickness=\"1\" canvasBorderColor=\"74787C\" showFCMenuItem=\"0\" chartTopMargin=\"10\" chartBottomMargin=\"10\" chartLeftMargin=\"10\" chartRightMargin=\"10\" captionPadding=\"10\" labelPadding=\"0\"  adjustDiv= \"0\" numDivLines=\"3\" PYAxisMinValue=\"0\"  PYAxisMaxValue=\"100\" SYAxisMinValue=\"0\"  SYAxisMaxValue=\"40\">    <categories>        <category label=\"2.22\"/>        <category label=\"2.23\" />        <category label=\"2.24\" />        <category label=\"2.25\" />        <category label=\"2.26\" />        <category label=\"2.27\" />        <category label=\"2.28\" />    </categories>    <dataset seriesname=\"A\" color=\"F5BA00\">    <set value=\"8158\" hoverText=\"8158\"/>    <set value=\"9549\" hoverText=\"9549\"/>    <set value=\"9968\" hoverText=\"9968\"/>    <set value=\"9580\" hoverText=\"9580\"/>    <set value=\"11593\" hoverText=\"11593\"/>    <set value=\"83\" hoverText=\"83\"/>    <set value=\"173\" hoverText=\"173\"/>    </dataset>    <dataset seriesname=\"B\" parentYAxis=\"S\" lineThickness=\"2\" color=\"5AC724\" anchorSides=\"3\" anchorRadius=\"7\" anchorBorderThickness=\"1\" anchorBorderColor=\"5AC724\" anchorBgColor=\"5AC724\">        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>        <set value=\"20.5\" hoverText=\"20.5%\"/>    </dataset>    <dataset seriesname=\"C\" parentYAxis=\"S\" lineThickness=\"2\" color=\"733AE0\" anchorSides=\"8\" anchorRadius=\"5\" anchorBorderThickness=\"1\" anchorBorderColor=\"733AE0\" anchorBgColor=\"733AE0\">        <set value=\"13.7\" hoverText=\"13.7%\"/>        <set value=\"13.7\" hoverText=\"13.7%\"/>        <set value=\"13.8\" hoverText=\"13.8%\"/>        <set value=\"14.1\" hoverText=\"14.1%\"/>        <set value=\"24.9\" hoverText=\"24.9%\"/>        <set value=\"10.0\" hoverText=\"10.0%\"/>        <set value=\"0.0\" hoverText=\"0.0%\"/>    </dataset>    <styles>        <definition>            <style name=\"CanvasXScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\" />            <style name=\"CanvasYScaleAnim\" type=\"ANIMATION\" duration=\"1\" start=\"0\"/>            <style name=\"CaptionStyle\" type=\"font\" font=\"Verdana\" size=\"14\" color=\"464547\" bold=\"1\" bgColor=\"F1F4F8\" borderColor=\"D7DBDF\" leftMargin=\"5\" rightMargin=\"5\" letterSpacing=\"2\"/>        </definition>        <application>            <apply toObject=\"Caption\" styles=\"CaptionStyle\" />            <apply toObject=\"Canvas\" styles=\"CanvasXScaleAnim,CanvasYScaleAnim\" />        </application>    </styles></chart>";[/color][/font]

[font="Arial Black"][color="#000000"]            window.fillingChart();
           window.onresize();
       }
   </script>
</body>
</html>

 

 

 

 

Edited by Luohui

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this