El resultado de la expectativa es como esta publicación: ¿Cómo configurar las etiquetas alineadas a la izquierda en la barra horizontal usando chart.js? pero está implementado en Apache ECharts
¿Alguna idea?
var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var options = { color: ["#3398DB"], tooltip: { trigger: "axis", axisPointer: { type: "shadow" } }, grid: {}, xAxis: [{ type: "value", }], yAxis: [{ type: "category", axisLabel: { align: 'left', margin: 40 }, data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] }], series: [{ name: "直接访问", type: "bar", barWidth: "60%", data: [10, 52, 200, 334, 390, 330, 220] }] }; myChart.setOption(options); #main { height: 400px; } <div id="main"></div> <p>Test</p> <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>Puede establecer el margin para axisLabel, para que las etiquetas sean visibles. Actualizaste tu fragmento de código