ECharts 多个y轴时使用series.yAxisIndex给数据指定y轴

旭东怪

已于 2022-11-20 21:58:23 修改

阅读量2.3w

点赞数 6

CC 4.0 BY-SA版权

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

于 2020-10-01 17:11:56 首次发布

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

1 使用详解

yAxisIndex

说明：使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用。

默认值：0。

参数类型：number。

2 原始效果图

3 实现代码（给数据指定y轴）

<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'));
 
        // 指定图表的配置项和数据
        var option = {
            tooltip: {
				trigger:'axis',
				formatter: '{b0}({a0}): {c0}<br />{b1}({a1}): {c1}%'
			},
            legend: {
                data:['销量','占比']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: [ {
                type: 'va