Echarts之饼图

引入jquery.js,echarts.js文件

<script src="js/jquery.js"></script>
<script src="js/echarts.js"></script>

<body>
<div id="charts" style="min-width:150px;min-height:150px;height:100%;height:100%">
</body>
<script type='text/javascript'>
  function fnRainFall(year) {
        var Chart = echarts.init(document.getElementById('charts'));   
        option = {
            tooltip: {  //提示框设置
                trigger: 'item', 
                formatter: "{a} <br/>{b}: {c} ({d}%)", //提示框显示格式 <br/> 换行
                position: function () {  //提示框对于饼图的位置
                    return ['50%', '50%']

                }
            },
            legend: {
                show:ture, //图例是否显示 默认true 显示
                orient: 'vertical', //图例 垂直显示
         
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值