Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Angularjs中使用艺术_Javascript_Angularjs_Google Visualization_Angular Directive - Fatal编程技术网

Javascript 在Angularjs中使用艺术

Javascript 在Angularjs中使用艺术,javascript,angularjs,google-visualization,angular-directive,Javascript,Angularjs,Google Visualization,Angular Directive,我如何在Angular中使用谷歌艺术?我想在GeoArt中注入角度数据,就像Javascript中的示例一样 一些建议?可以做到这一点 bower安装谷歌图表-保存,然后将googlechart添加到应用程序模块依赖项中 angular.module('app',['googlechart'])) .controller('ctrl',函数($scope){ var chart1={}; 图表1.type=“地质艺术”; 图表1.1数据=[ ['Locale','Count','Percent

我如何在Angular中使用谷歌艺术?我想在GeoArt中注入角度数据,就像Javascript中的示例一样

一些建议?

可以做到这一点

bower安装谷歌图表-保存
,然后将
googlechart
添加到应用程序模块依赖项中

angular.module('app',['googlechart']))
.controller('ctrl',函数($scope){
var chart1={};
图表1.type=“地质艺术”;
图表1.1数据=[
['Locale','Count','Percent'],
[‘德国’、22、23],
[‘美国’,34,11],
[‘巴西’,42,11],
[‘加拿大’,57,32],
[‘法国’,6,9],
[RU',72,3]
];
图表1.选项={
宽度:600,
身高:300,
图表区域:{左:10,顶部:10,底部:0,高度:“100%”,
颜色轴:{colors:['#aec7e8','#1f77b4']},
显示模式:“区域”
};
chart1.formatters={
编号:[{
columnNum:1,
模式:$#,##0.00
}]
};
$scope.chart=chart1;
});

Angular 6有什么解决方案吗?
function drawRegionsMap() {

        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['RU', 700]
        ]);

        var options = {};

        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }