(echarts)title和legend不重叠/legend图例滚动显示不换行 |
您所在的位置：网站首页 › wps怎么显示图例不与图表重合 › (echarts)title和legend不重叠/legend图例滚动显示不换行 |
(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); |
【本文地址】
今日新闻 |
推荐新闻 |