(echarts)title和legend不重叠/legend图例滚动显示不换行

(echarts)title和legend不重叠/legend图例滚动显示不换行

---

---

title和legend都被放置在了不同的位置，从而避免了重叠。你可以根据实际的图表布局和需求调整left（水平位置）和top（垂直位置）等属性，确保它们不会相互覆盖。

var option = {
   title: {
       text: 'ECharts 示例标题',
       left: 'center',
       top: 'top' // 根据实际情况调整，确保不与 legend 重叠
   },
   legend: {
       data: ['示例数据1', '示例数据2'],
       left: 'center',
       top: '50px' // 调整到不与 title 重叠的位置
       type:'scroll', //图例强制不换行（滚动）
       //bottom: 5,
       //icon: 'roundRect',//修改图例样式
       //itemWidth:10, //修改图例 宽
       //itemHeight:12 //修改图例 高
   },
   // 其他配置项...
};

// 假设你已经初始化了一个 echarts 实例
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);