angularjs+echarts绘制图表怎么做
答案:2 悬赏:60 手机版
解决时间 2021-03-22 23:22
- 提问者网友：眉目添风霜
- 2021-03-21 23:58
angularjs+echarts绘制图表怎么做
最佳答案
- 五星知识达人网友：野慌
- 2021-03-22 01:04
app.directive("bar", function() {
return {
restrict: 'AE',
scope: {
'id': '@',
'height': '@',
'legend': '=',
'item': '=',
'data': '='
},
replace: true,
template: '',
link: function($scope, element, attrs, controller) {
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 问题在这里：有id但拿不到对应的div。返回的div为null
var div = document.getElementById($scope.id)
// 直接用传进来的element也不对。
var chart = echarts.init(element)
chart.setOption(option)
}
}
})
这是对应的HTML
1
2
3
4
5
6
7
8
9
10
return {
restrict: 'AE',
scope: {
'id': '@',
'height': '@',
'legend': '=',
'item': '=',
'data': '='
},
replace: true,
template: '',
link: function($scope, element, attrs, controller) {
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 问题在这里：有id但拿不到对应的div。返回的div为null
var div = document.getElementById($scope.id)
// 直接用传进来的element也不对。
var chart = echarts.init(element)
chart.setOption(option)
}
}
})
这是对应的HTML
1
2
3
4
5
6
7
8
9
10
{[{div.name}]}
全部回答
- 1楼网友：行路难
- 2021-03-22 01:27
搜一下：angularjs+echarts绘制图表怎么做
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯