Question

菜鸟怎么在页面的div里引入echarts图标

Answer 1

先说明本人用的是echarts3版本
在jsp上来里面需要引入：
<script src="plugins/echarts/echarts.min.js"></script>
<script type="text/javascript" src="js/showChart.js"></scrip
<script src="plugins/htmb/vendor/jquery/jquery.min.js"></script>
以上就是下面我们所要展示的效果 接下来言归正传，直插主题
打开eclipse 创建一个js,名字可以随便起，我这里就为showCharts.js 直接上代码

var chartOutChar = null;

var option1 = {
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
x : 'center',
y : 'bottom',
data:['新闻','论坛','微信','微博','博客','贴吧','问答','财经网站','传统纸媒']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel']
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
series : [

{
name:'面积模式',
type:'pie',
radius : [30, 110],
center : ['50%', '50%'],
roseType : 'area',
data:[
{value:10, name:'新闻'},
{value:40, name:'论坛'},
{value:15, name:'微信'},