Examples of Highmaps

<script src='https://code.highcharts.com/maps/highmaps.js'></script>
<script src='https://code.highcharts.com/modules/exporting.js'></script>
<script src='https://code.highcharts.com/modules/offline-exporting.js'></script>
<script src='https://code.highcharts.com/mapdata/custom/europe.js'></script>
These scripts were added in the page head.

xxxxxxxxxx

 

1

%%html

2

<figure class='highcharts-figure'>

3

<div id='container4' 

4

style='width:500px; height:600px; font-family:Orbitron;'>

5

the javascript cell is launching here...</div></figure>

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages

xxxxxxxxxx

 

1

%%javascript

2

var s1='Variants for Highlighting:<br>AL,AD,AM,AT,BY,BE,',

3

    s2='BA,BG,CH,CY,CZ,DE,DK,EE,ES,FO,FI,FR,GB,GE,GI,GR,',

4

    s3='<br>HU,HR,IE,IS,IT,LT,LU,LV,MC,MK,MT,NO,NL,PL,PT,',

5

    s4='RO,RU,SE,SI,SK,SM,TR,UA,VA'; 

6

var s=s1.concat(s2).concat(s3).concat(s4);

7

Highcharts.mapChart('container4',{

8

    chart:{map:'custom/europe',borderWidth:1,

9

           backgroundColor:'slategray'},

10

    title:{style:{'color':'#fff','fontSize':'18px'},

11

           text:'Explore Highcharts Parameters with Maps'},

12

    subtitle:{style:{'color':'#fff','fontSize':'14px'},

13

              text:s},legend:{enabled:false},

14

    series:[{name:'Country',color:'#1177aa',

15

             borderColor:'steelblue',borderWidth:1.5,

16

             data:[['fr',1],['gb',1],['es',1],

17

                   ['de',1],['it',1],['pl',1],['by',1]],

18

             dataLabels:{enabled:true,color:'#fff',

19

                         formatter:function(){

20

             if (this.point.value){return this.point.name;}}},

21

             tooltip:{headerFormat:'',pointFormat:'{point.name}'}}]});

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages