File size: 1,277 Bytes
a987248
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.2/echarts.min.js"></script>
   
</head>
<body>
    <div id="main">

    </div>

    <script>
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        option = {
        tooltip: {
            trigger: 'item',
            title: 'asd',
            formatter: '{a} <br/>{b} ({d}%)'
        },
        series: [
            {
            name: '',
            type: 'pie',
            radius: [40, 200],
            center: ['75%', '50%'],
            roseType: 'area',
            itemStyle: {
                borderRadius: 2
            },

            // Túrázás	40%
            // Városnézés	30%
            // Fotózás	20%
            // Borturisztika	5%
            // Állatkert látogatás	5%
            data: [
                { value: 40, name: 'Túrázás' },
                { value: 30, name: 'Városnézés' },
                { value: 20, name: 'Fotózás' },
                { value: 5, name: 'Borturisztika' },
                { value: 5, name: 'Állatkert látogatás' }
            ]
            }
        ]
        };

        option && myChart.setOption(option);


    </script>
</body>

</html>