求大神解答此指令

来源：蜘蛛抓取(WebSpider) 时间：2017-06-25 08:50 标签： 求生之路2地图指令
在angular的指令ng-view中插入echarts，为什么无法显示？急求大神解答！
在angular的指令ng-view中插入echarts，为什么无法显示？急求大神解答！
代码如下：
&div ng-view &
&!--路由跳转的html模板都插入在这里--&
以下是插入到ng-view的HTML模板：
&!--右侧charts开始--&
&main class="main_forms_first"&
&div class="article_first"&
&div class="header_first"&报表&i&&&/i&&span&访问量与会话量&/span&&/div&
&div class="forms_content_first"&
&div class="center_f_first"&
&div class="center_f_one"&
&div class="center_f_left"&
&div class="btn-group"&
&button type="button" class="btn btn-default active"&今日&/button&
&button type="button" class="btn btn-default"&昨日&/button&
&button type="button" class="btn btn-default"&本月&/button&
&div class="btn-group" id="btn-group-two"&
&button type="button" class="btn btn-default active"&全部地区&/button&
&div class="center_f_right"&日期：日&/div&
&div class="center_f_two"&
&div class="data"&&span&总访问量：536&/span&&span&地区：全部&/span&&/div&
&div class="chart" id="chart_main"&&/div&
&!--charts结束--&
以下是我的echarts代码：
* Created by Administrator on .
// 基于准备好的dom，初始化echarts实例
$(function () {
var myChart = echarts.init(document.getElementById('chart_main'));
// 指定图表的配置项和数据
option = {
text: '折线图'
tooltip: {
trigger: 'axis'
data:['总访问量','会话量']
left: '1%',
right: '2%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
data: ['00点','02点','04点','06点','08点','10点','12点','14点','16点','18点','20点','22点']
type: 'value'
name:'总访问量',
type:'line',
stack: '总量',
data:[200, 150, 100, 60, 150, 430, 560,600,800,850,]
name:'会话量',
type:'line',
stack: '总量',
data:[100, 80, 40, 20, 90, 230, 260,300,400,500,550,600]
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
//当浏览器窗口发生变化的时候调用div的resize方法
window.onresize = function(){
myChart.resize();
你这方式太粗放了，我猜测是你的echarts相关代码先行执行于ng-view渲染完成前，那时候还没获取到dom。
我的建议是写个directive。html模板中直接用
&div class="chart" echart&&/div&
app.directive('echart', [function() {
restrict: 'AE',
echart: '='
link: link
function link(scope, element, attr) {
var myChart = echarts.init(element[0]);
// 指定图表的配置项和数据
var defaultOption = {
text: '折线图'
tooltip: {
trigger: 'axis'
data: ['总访问量', '会话量']
left: '1%',
right: '2%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
saveAsImage: {}
type: 'category',
boundaryGap: false,
data: ['00点', '02点', '04点', '06点', '08点', '10点', '12点', '14点', '16点', '18点', '20点', '22点']
type: 'value'
series: [{
name: '总访问量',
type: 'line',
stack: '总量',
data: [200, 150, 100, 60, 150, 430, 560, 600, 800, 850, ]
name: '会话量',
type: 'line',
stack: '总量',
data: [100, 80, 40, 20, 90, 230, 260, 300, 400, 500, 550, 600]
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(defaultOption);
// 双向传值
// scope.$watch('echart', function(n, o) {
if (n === o || !n)
myChart.setOption(n);
//当浏览器窗口发生变化的时候调用div的resize方法
window.addEventListener('resize', chartResize);
scope.$on('$destory', function() {
window.removeEventListener('resize', chartResize);
function chartResize() {
myChart.resize();
Copyright & 2016 phpStudyU9论坛欢迎您，有任何疑问均可以发帖咨询！
看一看U9会员都在讨论什么~
欢迎关注游久网电竞专区。
查看: 1490|回复: 4
节操0 绿叶0 注册时间在线时间5 小时阅读权限10精华0主题听众数最后登录KPI值0
见习会员[初], 积分 275, 距离下一级还需 45 积分
UID6341356帖子U9币101 魅力12 声誉5 U菜花0
侏罗纪公园可以自动生成代码的指令是什么的?求大神
节操0 绿叶0 注册时间在线时间5 小时阅读权限10精华0主题听众数最后登录KPI值0
见习会员[初], 积分 275, 距离下一级还需 45 积分
UID6341356帖子U9币101 魅力12 声誉5 U菜花0
就是根据自己的名字来生成积分的，可以自己选择积分的指令是什么啊，求大神解答
节操0 绿叶0 注册时间在线时间22 小时阅读权限10精华0主题听众数最后登录KPI值0
见习会员[初], 积分 307, 距离下一级还需 13 积分
UID1678550帖子U9币2 魅力0 声誉5 U菜花0
dfsddfgfdfdfsfs
节操0 绿叶0 注册时间在线时间3 小时阅读权限10精华0主题听众数最后登录KPI值0
见习会员[初], 积分 310, 距离下一级还需 10 积分
UID帖子U9币112 魅力5 声誉5 U菜花0
应该没有吧，那个属于外挂了吧
Powered by查看: 1412|回复: 1
用VS玩魔兽的时候，老是弹出存储空间不足，无法处理此命令！！求大神教解决！！！
主题霸气荣誉值
Lv.3, 积分 140, 距离下一级还需 60 积分
如题，，，不知道你们有没有。。。另附上图！！！
(14.83 KB, 下载次数: 13)
18:27 上传
主题霸气荣誉值
Lv.3, 积分 140, 距离下一级还需 60 积分
求会的帮忙解决下！！！网上的办法试了几个了，魔兽版本也换过了，还是照样不行！

我要回帖

更多关于 求生之路2地图指令 的文章

 

随机推荐