首页 > 解决方案 > 来自 Highcharts 的词云 - 创建一个放置策略,以便单词从最高权重到最低排序

问题描述

我正在尝试为 Highcharts 中的 Word Cloud 创建一个放置策略,以便根据它们的权重从最高到最低放置单词本身。我不完全确定如何根据他们的文档创建这个放置策略。任何帮助都会很棒!

我有这个没有旋转的 jfiddle:https ://jsfiddle.net/3gp2L1zw/1/

Highcharts.chart('container', {
    accessibility: {
        screenReaderSection: {
            beforeChartFormat: '<h5>{chartTitle}</h5>' +
                '<div>{chartSubtitle}</div>' +
                '<div>{chartLongdesc}</div>' +
                '<div>{viewTableButton}</div>'
        }
    },
    series: [{
        type: 'wordcloud',
        data: data,
        name: 'Occurrences',
        rotation: {
        from: 0,
        to: 0
        }
    }],
    title: {
        text: 'Wordcloud of Lorem Ipsum'
    }
});

标签: javascriptangularhighchartsword-cloud

解决方案


根据下面放置的文档,我创建了一个简化的演示,其中我向placementStrategy.
文档:https ://www.highcharts.com/docs/chart-and-series-types/word-cloud-series#custom-spiralling-algorithm

现场演示: https ://jsfiddle.net/BlackLabel/14q9hxvj/


推荐阅读