echarts 图标效果 能做成响应式吗 要如何写
echarts 图标效果 能做成响应式吗 要怎么写
我看到echarts官网的样例是可以响应式变化，但是我引入了echarts相关js还是实现不了，也用了bootstrap框架，请问还需要什么？
------解决思路----------------------
------解决思路----------------------
等你的tab页切换完之后, 在去执行echart的setOption方法
我看到echarts官网的样例是可以响应式变化，但是我引入了echarts相关js还是实现不了，也用了bootstrap框架，请问还需要什么？
------解决思路----------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://cloud.xing-xing.com/jquery.js"></script>
<script type="text/javascript" src="echarts-all.js"></script>
<style>
html, body{height: 100%}
</style>
</head>
<body>
<div id="page_local" style="height:80%; border:1px #000 solid;">
</div>
<script type="text/javascript" charset="utf-8">
var myChart;
$(function(){
myChart = echarts.init(document.getElementById("page_local"));
myChart.setOption( {
tooltip : {
trigger : 'item'
},
legend : {
orient : 'vertical',
x : 'right',
data : ['AAAA','bbbb','CCCC']
},
calculable : true,
series : [ {
type : 'pie',
radius : '70%',
center : [ '33%', '50%' ],
itemStyle : {
normal : {
label : {
show : false
},
labelLine : {
show : false
},
},
},
data:[
{value:335, name:'AAAA'},
{value:310, name:'bbbb'},
{value:234, name:'CCCC'}
]
} ]
});
$(window).resize(function(){
myChart.resize();
});
});
</script>
</body>
</html>
------解决思路----------------------
等你的tab页切换完之后, 在去执行echart的setOption方法