Highcharts test tool

by Torstein Hønsi

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

Highcharts.seriesType('wordcloud', 'column', {
	borderWidth: 0,
    tooltip: {
    	followPointer: true
    }
    
}, {
	// series prototype
	drawPoints: function () {
    	var series = this,
        	chart = this.chart;
		Highcharts.each(this.points, function (point, i) {
        	if (!point.graphic) {
            	point.graphic = chart.renderer.text(point.name)
                	.add(series.group);
            }
        	point.graphic.attr({
            	x: 10,
                y: 30 + 30 * i,
                rotation: (i % 2) * 90
            });
            
            point.graphic.css({
            	fontSize: point.y * 10
            });
            
            console.log('bBox', point.graphic.getBBox());
            
            point.graphic.attr(series.pointAttribs(point, point.selected && 'select'));
        })
    }
})

Highcharts.chart('container', {

    chart: {
    	type: 'wordcloud'
    },
    
    xAxis: {
    	visible: false
    },
    yAxis: {
    	visible: false
    },

    series: [{
        data: [
        	['Apples', 10],
            ['Cakes', 5],
            ['Pears', 5],
            ['Balloons', 2]
        ]
    }]

});