Question

帖子已编辑，带有更多信息。我有一个.asp页，可以给我3个变量。我和他们一起工作没问题。我试图添加一个甜甜圈图以使用AMCHART图表代码显示结果。我将代码添加到我的.asp页面。问题是如何在JS代码中添加这些变量。当我直接在代码中键入变量值时，图表将正确显示。但是我需要添加变量，因为每个客户都有自己的值...

代码：

<!DOCTYPE html>
<html>
<head>
    <title>pie-chart test | amCharts</title>
    <meta name="description" content="chart created using amCharts live editor" />

    <!-- amCharts custom font -->
    <link href='https://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>

    <!-- amCharts javascript sources -->
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/pie.js"></script>
    <script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/chalk.js"></script>


    <!-- amCharts javascript code -->
    <script type="text/javascript">
    VAR TOTAL_IPCA;

    <!-- HERE IS THE PROBLEM !!! -->
              DATA1 = [
                    {
                        "TITULOS": "INFLAÇÃO",
                        "VALORES":  <% = Result_1%>
                },
                    {
                        "TITULOS": "PRÉ-FIXADO",
                        "VALORES": <% = Result_2%>
                    },
                    {
                        "TITULOS": "SELIC",
                        "VALORES": <% = Result_3%>
                    }
                ]


    AmCharts.makeChart("chartdiv",
            {
                "type": "pie",
                "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
                "depth3D": 10,
                "gradientType": "linear",
                "innerRadius": 20,
                "baseColor": "#FF8000",
                "outlineThickness": 2,
                "startEffect": "easeOutSine",
                "titleField": "TITULOS",
                "valueField": "VALORES",
                "fontFamily": "ARIAL",
                "fontSize": 15,
                "handDrawScatter": 1,
                "handDrawThickness": 2,
                "theme": "chalk",
                "allLabels": [],
                "balloon": {},
                "titles": [],
                "dataProvider": DATA1
            }
        );
    </script>
</head>
<body>
    <div id="chartdiv" style="width: 100%; height: 300; background-color: #282828;" ></div>
</body>
</html>

如何在JavaScript代码中添加ASP变量

0 个答案: