如何以适当的样式显示饼图图例以使图表可见

Question

我使用高位图表，希望显示图例，如下所示尝试了很多组合，只是想知道我可以将图例向左移动还是使图例透明，以使图像和图例都对用户正确显示]

问题是当我显示图例时图表的名称重叠

请帮助我使用CSS

Answer 1

您是否正在寻找类似的东西？

演示：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/legend/navigation/

legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'top',
    y: 30,
    navigation: {
        activeColor: '#3E576F',
        animation: true,
        arrowSize: 12,
        inactiveColor: '#CCC',
        style: {
            fontWeight: 'bold',
            color: '#333',
            fontSize: '12px'
        }
    }
},

API：https://api.highcharts.com/highcharts/legend.navigation