高图：如果气泡图中两个气泡相交或彼此靠近，则气泡标题不显示

Question

在Highcharts Bubblechart中，如果我有两个气泡彼此接近或相交，则不会显示一个气泡顶部的名称。

有没有办法同时显示两个气泡名称。

在此通知中，右上角的两个气泡enter code here http://jsfiddle.net/htb38096/

Answer 1

您可以为数据标签启用allowOverlap属性：

plotOptions: {
    series: {
        dataLabels: {
            allowOverlap: true,
            ...
        }
    }
}

实时演示： http://jsfiddle.net/BlackLabel/k23xLjmn/

API参考： https://api.highcharts.com/highcharts/series.bubble.dataLabels.enabled

Answer 2

在 const [data, setData] = useState(dataProps); const [field, setField] = useState(null); const sorted = useMemo(() => { if(!field) return data; return data.slice().sort((a, b) => a[field].localeCompare(b[field])); }, [ data, field]); return <div> <a onClick={() => setField("firstName")}> Sort by Name</a> {sorted.map(/*...*/)} </div>; 上尝试：

dataLabels