2017-03-29 15 views
0

私はplotly.jsのchoroplethチャートを使って作業しています。右または左の辺に沿って垂直に表示するのではなく、チャートの下部にカラーバーの尺度を水平に表示する方法はありますか?参考のためplotly.jsに水平のカラーバーを置くことは可能ですか?

、Plotlyサイトで与えられた最初の例をチェックアウトhttps://plot.ly/javascript/choropleth-maps/#world-choropleth-map-robinson-projection

ありがとうございました!

Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/2010_alcohol_consumption_by_country.csv', function(err, rows){ 
     function unpack(rows, key) { 
      return rows.map(function(row) { return row[key]; }); 
     } 

    var data = [{ 
     type: 'choropleth', 
     locationmode: 'country names', 
     locations: unpack(rows, 'location'), 
     z: unpack(rows, 'alcohol'), 
     text: unpack(rows, 'location'), 
     autocolorscale: true 
    }]; 

    var layout = { 
     title: 'Pure alcohol consumption among adults (age 15+) in 2010', 
     geo: { 
      projection: { 
       type: 'robinson' 
      } 
     } 
    }; 
    Plotly.plot(myDiv, data, layout, {showLink: false}); 
}); 

答えて

関連する問題