Echarts图标使用实例(柱状图与饼图)

最新推荐文章于 2024-01-28 12:06:19 发布

VIP文章八戒灬

最新推荐文章于 2024-01-28 12:06:19 发布

阅读量4.6k

点赞数

分类专栏：前端js相关

本文链接：https://blog.csdn.net/weixin_32303705/article/details/78839931

版权

Echarts官方首页：http://echarts.baidu.com/

主资源包：echarts.min.js

主题包：macarons.js

效果展示如下：

实现方式：

1.图表配置

                //初始化饼图实例
                var myChart1 = echarts.init(tar.midLeftDom[0],"macarons");
                // 指定图表的配置项和数据
                var option1 = {
                    tooltip : {
                        trigger: "axis"
                    },
                    legend: {
                        orient: "vertical",
                        left: "right",
                        x:"right",
                        y:"center",
                        data: []
                    },
                    color:['red', 'green','yellow','blueviolet'],
                    series : [
                        {
                            type: "pie",
                            radius : "50%",
                            center: ["30%", "50%"],
                            data:[],
                            itemStyle: {
                                emphasis: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,