dw用echarts 插入多张图

先将页面用div标签分割好，每个div都要指定宽度和高度，接着，用ajax动态加载数据。

然后，编写你要的图标类型的option最后，获取对应的div，创建echart实例，并调用setOption方法设置选项，这样图表就显示在对应的div中了。

在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:'微信'},