hich_eg_bubble.js

Highcharts.chart('container', {

    chart: {
      type: 'bubble'
    },
  
    title: {
      text: 'Highcharts Bubbles with symbols'
    },
  
    series: [{
      data: [
        [97, 36, 79],
        [94, 74, 60],
        [68, 76, 58],
        [64, 87, 56],
        [68, 27, 73],
        [74, 99, 42],
        [7, 93, 87],
        [51, 69, 40],
        [38, 23, 33],
        {
          x: 57,
          y: 0,
          z: 31,
          marker: {
            symbol: 'triangle',
            lineColor: 'red',
            fillColor: 'rgba(255,0,0,0.5)'
          },
          dataLabels: {
            enabled: true,
            format: 'Individual marker'
          }
        }
      ],
      marker: {
        symbol: 'square'
      },
      name: 'Square'
    }, {
      data: [
        [25, 10, 87],
        [2, 75, 59],
        [11, 54, 8],
        [86, 55, 93],
        [5, 3, 58],
        [90, 63, 44],
        [91, 33, 17],
        [97, 3, 56],
        [15, 67, 48],
        [54, 25, 81]
      ],
      marker: {
        symbol: 'diamond'
      },
      name: 'Diamond'
    }, {
      data: [
        [47, 47, 21],
        [20, 12, 4],
        [6, 76, 91],
        [38, 30, 40],
        [57, 98, 64],
        [61, 17, 10],
        [83, 60, 13],
        [67, 78, 75],
        [64, 12, 10],
        [30, 77, 82]
      ],
      marker: {
        symbol: 'url(https://www.highcharts.com/samples/graphics/earth.svg)'
      },
      name: 'Earth'
    }]
  
  });



  Highcharts.chart('container', {

    chart: {
      type: 'bubble',
      plotBorderWidth: 1,
      zoomType: 'xy'
    },
  
    colorAxis: [{}, {
      minColor: '#434348',
      maxColor: '#e6ebf5'
    }],
  
    title: {
      text: 'Highcharts bubbles with color axis'
    },
  
    xAxis: {
      gridLineWidth: 1
    },
  
    yAxis: {
      startOnTick: false,
      endOnTick: false
    },
  
    series: [{
      colorKey: 'x',
      data: [
        [9, 81, 63],
        [98, 5, 89],
        [51, 50, 73],
        [41, 22, 14],
        [58, 24, 20],
        [78, 37, 34],
        [55, 56, 53],
        [18, 45, 70],
        [42, 44, 28],
        [3, 52, 59],
        [31, 18, 97],
        [79, 91, 63],
        [93, 23, 23],
        [44, 83, 22]
      ]
    }, {
      colorAxis: 1,
      colorKey: 'x',
      data: [
        [42, 38, 20],
        [6, 18, 1],
        [1, 93, 55],
        [57, 2, 90],
        [80, 76, 22],
        [11, 74, 96],
        [88, 56, 10],
        [30, 47, 49],
        [57, 62, 98],
        [4, 16, 16],
        [46, 10, 11],
        [22, 87, 89],
        [57, 91, 82],
        [45, 15, 98]
      ]
    }]
  
  });