Question

我正在尝试形象化全世界covid-19病例的数量。并发现plotly是为世界绘制世界Choropleth地图的最简单，最快捷的JavaScript库。下面是我可以根据每百万人口的病例数绘制的地图：但是问题是我想更改右侧显示的颜色条的范围，因为任何特定国家/地区的最大值都远小于1200。请提出一种可以更改颜色条的范围的方法。

下面是我的JavaScript代码：

<!DOCTYPE html>
<html>
<head>
    <title>CORONA PLOTTING</title>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
    <div id="myDiv" style="width:1000px;height:600px;"></div>

    <script>
    TESTER = document.getElementById('tester');
    Plotly.d3.csv('https://raw.githubusercontent.com/thinking-tomorrow/Covid19/master/covid_data.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, 'total_deaths_per_million'),
            text: unpack(rows, 'location'),
            autocolorscale: true,
        }];

        var layout = {
          title: 'Covid19 Cases World Wide',
          geo: {
              projection: {
                  type: 'robinson'
              }
          }
        };

        Plotly.newPlot("myDiv", data, layout, {showLink: false});

    });
    </script>
</body>
</html>

谢谢。

如何在plotly js中更改颜色条的范围？

0 个答案: