Echarts 更改图例(legend)颜色

旭东怪

已于 2022-11-20 14:24:29 修改

阅读量3.8w

点赞数 2

分类专栏：图表库文章标签： echarts 前端 javascript

于 2021-01-17 21:14:22 首次发布

本文链接：https://blog.csdn.net/qq_38974638/article/details/112757872

版权

1 原始效果图

2 实现代码

<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
 
        myChart.setOption({
			color:['black','red','yellow','green','cyan'],
			legend: {
				orient: 'vertical',
				left: 10,
				data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
			},
            series : [
                {
                    name: '访问来源',
                    type: 'pie',    // 设置图表类型为饼图
                    radius: '55

最低0.47元/天解锁文章

旭东怪

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
1
评论
Echarts 更改图例(legend)颜色

1 原始效果图2 实现代码<body>  <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.
复制链接

扫一扫

专栏目录