echart的使用

只接收特定格式的数组对象,所以要转化
注意初始化和清除


<div id="eventData" ></div>
        
        drawPie(id) {
            this.charts = echarts.init(document.getElementById(id))
            this.charts.setOption({
                color: ['#ccc','#1890ff','#52c41a','#f5222d'],    //自定义颜色
                series: [
                    {
                        name: '访问来源',
                        type: 'pie',
                        radius: ['40%', '60%'],           //内径外径
                        label: {
                            normal: {
                                show: false
                            },
                            emphasis: {
                                show: true,
                                formatter: '{c}',
                            }
                        },
                        lableLine: {
                            normal: {
                                show: false
                            },
                            emphasis: {
                                show: true,
                            }
                        },
                        data:this.chartData[id]
                    }
                ]
            })
        },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,910评论 0 15
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,138评论 1 32
  • 昨天, 我被好闺蜜芽子带到了一个“秘密地”----长沙威廉古堡别墅,其实这一切都在我不知情的情况下由他和芽...
    娱乐范阅读 155评论 0 1
  • 2016年4月1日,愚人节,今天朋友圈的主要内容: 1.愚人节大型秀恩爱活动 2.张国荣怀念图册集锦 3.你好四月...
    亞_萌阅读 435评论 0 0
  • 面泛潮红 裙摆飞扬 几缕头发贴在额头上 汗水顺着脖颈流下来 你就这样 带着一身潮湿气息走向我 我该对你说些什么呢 ...
    湿漉漉漉阅读 173评论 0 0