如何在angularjs中使用动态数据的谷歌图表
How to use google chart in angularjs with dynamic data
我在我的应用程序中使用angular谷歌图表,它与静态数据一起工作很好。
var chart1 = {};
chart1.type = "GeoChart";
chart1.data = [
['Locale', 'Count'],
['Germany', 22],
['United States', 34],
['Brazil', 42],
['Canada', 57],
['France', 6],
['RU', 72]
];
chart1.options = {
width: 600,
height: 300,
chartArea: {left:10,top:10,bottom:0,height:"100%"},
colorAxis: {colors: ['#aec7e8', '#1f77b4']},
displayMode: 'regions'
};
chart1.formatters = {
number : [{
columnNum: 1,
pattern: "$ #,##0.00"
}]
};
$scope.chart = chart1;
但是我正在从服务器获取数据-
$http.get("http://someurl")
.success(function(response) {
$scope.data = response;});
});
现在我如何将response data
推到chart1.data
以使其工作
我假设成功响应回调函数与chart
定义在同一个控制器中。
$http.get("http://someurl")
.success(function(response) {
$scope.chart.data = response;
});
});
相关文章:
- 不显示带有本地json文件数据的谷歌地图脚本
- 使用谷歌应用程序脚本将服务器端数据表返回到客户端
- 缓存谷歌地图数据
- 使用外部数据创建仪表板(谷歌电子表格)-JavaScript
- 谷歌地图/Angular JS:地图更新并不总是反映数据,并且可以't删除标记
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- 让谷歌数据图表有一个24小时x轴
- 谷歌图表堆叠柱状图.如何设置每个单独堆叠项目(数据系列)的样式
- 有没有一种方法可以使用Javascript检索谷歌表单ITSELF(而不是电子表格)的数据
- 应用程序脚本中导入HTML的数据擦除;谷歌表格
- 将Laravel5.0中的谷歌图表与mysql数据库中的数据集成
- 谷歌图表第二数据覆盖第一数据&图表
- 将iPhone位置数据输入谷歌地图
- 使用来自URL的JSON数据来显示谷歌地图标记-如何
- 是否可以将谷歌分析数据发送给供应商
- 将谷歌地理编码(从url)数据加载到javascript变量中
- 谷歌图表 - 地理图表“不兼容的数据表:错误:未知地址类型
- 访问、解析和写入.csv数据 - 谷歌应用脚本
- 表单放弃数据谷歌标签管理器
- 查询后显示数据-谷歌图表