ormal;
                background: #A3AEFF;
            }
        </style>

        <div class="chart" id="main1"></div>

        <h2>cartesian category axis | xAxis: {min: undefined, max: undefined}</h2>
        <div class="chart" id="main1.1"></div>

        <h2>cartesian category axis | xAxis.data is empty (always show nothing if dataZoom)</h2>
        <div class="chart" id="main1.2"></div>

        <h2>cartesian category axis | xAxis: {min: -10, max: '类目3'}</h2>
        <div class="chart" id="main2"