Как изменить диапазон цветовой шкалы в js? - PullRequest
Новая
       20

Как изменить диапазон цветовой шкалы в js?

0 голосов
/ 06 мая 2020

Я пытаюсь представить себе количество случаев заражения COVID-19 во всем мире. И выяснилось, что plotly была самой простой и быстрой библиотекой javascript для создания картографической карты мира для мира. Ниже приведена карта, которую я мог построить на основе количества случаев на миллион населения: enter image description here Но проблема в том, что я хотел изменить диапазон цветовой шкалы, показанной справа, как максимальное значение для любой конкретной страны намного меньше 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>

Спасибо заранее.

...