Fatal编程技术网
  • javascript/
  • 如何使用get方法调用Angular.js中的javascript函数？

如何使用get方法调用Angular.js中的javascript函数？

javascript html angularjs

如何使用get方法调用Angular.js中的javascript函数？,javascript,html,angularjs,get,Javascript,Html,Angularjs,Get,我试图使用angular将java脚本函数调用到get方法中。主要概念是创建一个包含java脚本代码的漏斗图。我需要使用get方法获取函数 这是我的index.html <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>FusionCharts - Funnel 3D C

我试图使用angular将java脚本函数调用到get方法中。主要概念是创建一个包含java脚本代码的漏斗图。我需要使用get方法获取函数

这是我的index.html

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>FusionCharts - Funnel 3D Chart in JavaScript Example - jsFiddle demo by fusioncharts</title>

  <script type='text/javascript' src='/js/lib/dummy.js'></script>

  <link rel="stylesheet" type="text/css" href="/css/normalize.css">

  <script data-require="angular.js@1.4.0-beta.6" data-semver="1.4.0-beta.6" src="https://code.angularjs.org/1.4.0-beta.6/angular.js"></script> 

  <link rel="stylesheet" type="text/css" href="/css/result-light.css">


      <script type='text/javascript' src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>



      <script type='text/javascript' src="http://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>



      <script type='text/javascript' src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
    <script src="practice.js"></script>

  <style type='text/css'>

  </style>






</head>
<body ng-app="myApp">
  <!-- A funnel 3D Chart showing a conversion analysis in percentage of visiting to purchase in Harry's Supermart website last year 

Attribute :
# showPercentValues - set to 1 to show the values in percentage.

-->

<div id="chart-container" ng-controller="ParentCtrl"  ng-repeat="person in students">FusionCharts will render here</div>

</body>


</html>
---chart.js---

window.onload=function(){
FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'funnel',
        renderAt: 'chart-container',
        width: "100%",
        dataFormat: 'json',
        dataSource: {
            "chart": {
                        "caption": "Ensource sales report",
                        "subcaption": "Purchase - Conversion analysis for last year",
                        "decimals": "1",
                        "isHollow": "0",
                        "isSliced": "1",
                        "labelDistance": "15",
                        "plotTooltext": "Success : $percentOfPrevValue",
                        "theme": "fint",
                        "baseFontSize":"18"
            },
                "data1": [

                                        {
                                            "label": "Total",
                                            "value": "385634"
                                        },
                                        {
                                            "label": "Contacts",
                                            "value": "175631"
                                        },
                                        {
                                            "label": "Leads",
                                            "value": "84564"
                                        },
                                        {
                                            "label": "Sanctioned",
                                            "value": "35654"
                                        },
                                         {
                                            "label": "Disbursed",
                                            "value": "12342"
                                        }

            ]
        }
    });

    conversionChart.render();
});
}//]]>
请告诉我哪里出了问题。提前感谢。

分享您面临的问题？我正在尝试使用angular.js script.js的get方法获取java script function chart.js。在尝试上述sript时显示了什么错误？：@ramamoorthy_villi当我尝试在不使用任何get方法或angular.js的情况下运行程序时，它运行良好。但我的计划是使用Angular.js。因此，我使用angular风格的get方法来获取java脚本函数。但它不起作用。试一试：用它制作图表是很容易的。 
window.onload=function(){
FusionCharts.ready(function () {
    var conversionChart = new FusionCharts({
        type: 'funnel',
        renderAt: 'chart-container',
        width: "100%",
        dataFormat: 'json',
        dataSource: {
            "chart": {
                        "caption": "Ensource sales report",
                        "subcaption": "Purchase - Conversion analysis for last year",
                        "decimals": "1",
                        "isHollow": "0",
                        "isSliced": "1",
                        "labelDistance": "15",
                        "plotTooltext": "Success : $percentOfPrevValue",
                        "theme": "fint",
                        "baseFontSize":"18"
            },
                "data1": [

                                        {
                                            "label": "Total",
                                            "value": "385634"
                                        },
                                        {
                                            "label": "Contacts",
                                            "value": "175631"
                                        },
                                        {
                                            "label": "Leads",
                                            "value": "84564"
                                        },
                                        {
                                            "label": "Sanctioned",
                                            "value": "35654"
                                        },
                                         {
                                            "label": "Disbursed",
                                            "value": "12342"
                                        }

            ]
        }
    });

    conversionChart.render();
});
}//]]>