Highcharts 버블 차트

Highcharts 버블 차트

1 예시

html

Copy

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/highcharts-more.js"></script>
<script>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bubble',
            zoomType: 'xy'
        },
        title: {
            text: ''
        },
		 yAxis: {
            title: {
                text: '확률'
            }
        },
		series: [{
			name: 'Data1',
			color: 'rgba(220, 0, 0, .5)',
            data: [[97,36,79],[94,74,60]]
		}, {
			name: 'Data2',
			color: 'rgba(220, 110, 0, .5)',
            data: [[25,10,87],[2,75,59]]
		}, {
			name: 'Data3',
			color: 'rgba(220, 220, 0, .5)',
            data: [[47,47,21],[20,12,4]]
		}]
    });
});
</script>

<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>

2 같이 보기

• 자바스크립트 차트