マルチセリエAバブルチャートHighCharts

Question

バブルチャートでマルチシリーズを使用しようとしています。私は、現時点ではやっていることは次のとおりです。

$('#container').highcharts('Map', { 
    title: { 
     text: 'Bubble Chart' 
    }, 

    tooltip: { 
     pointFormat: '{point.estado}<br>' + 
      'Ligacoes: {point.ligacoes}' 
    }, 

    series: [{ 
      name: 'Basemap', 
      mapData: map, 
      borderColor: '#606060', 
      nullColor: 'rgba(200, 200, 200, 0.2)', 
      showInLegend: false 
     }, { 
      type: 'mapbubble', 
      dataLabels: { 
       enabled: true, 
       format: '{point.capital}' 
      }, 
      name: 'Test', 
      data: data, 
      maxSize: '12%', 
      color: '#EE0000' 

      name: 'Test2', 
      data: data, 
      maxSize: '12%', 
      color: '#EE0000' 


    }] 
}); 

現時点でのデータは、両方のシリーズで同じことを来れば、私は気にしません。私はちょうど1人の

name: 'Test', 
data: data, 
maxSize: '12%', 
color: '#EE0000' 

誰もが私が何ができるかを伝えるために試すことができます使用している場合、それが働いて...私は、複数のセリエを持ってする方法を理解しようとしています。

ありがとうございます！

Answer 1

各シリーズはseriesアレイでオブジェクトとして表されます。同じシリーズオブジェクト内で同じ名前/値のペアを再記述するだけで、値を上書きします。

// series array 
series: [{ 
    // Series object 1 
    name: 'Basemap', 
    mapData: map 
}, { 
    // Series object 2 
    type: 'mapbubble', 
    name: 'Bubble 1', 
    data: data 
}, { 
    // Series object 3 
    type: 'mapbubble', 
    name: 'Bubble 2', 
    data: data 
}] 

やデモのためthis more elaborate JSFiddleを参照してください。

要するに、それは次のようになります。