Ответы пользователя по тегу JavaScript
  • Выделение области GEO при выделении точки effectScatter?

    @Nevea Автор вопроса
    Сделал вот так: добавил data.region и повесил обработчик событий mouseover и mouseout,
    P.S в geojson properties.name должен совпадать с data.region
    файл geojson:
    "properties": {
         "name": "Россия"
      }


    const data = [
      { name: 'Реутов', value: 38 ,region:"Россия"},
      { name: 'Санкт-Петербург', value:  10 ,region:"Россия"},
    ];
    const geoCoordMap = {
      'Реутов': [37.8575,55.7611],
      'Санкт-Петербург': [30.3141300, 59.9386300],
    };
    const convertData = function (data) {
      var res = [];
      for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
          res.push({
            name: data[i].name,
            region: data[i].region,
            value: geoCoord.concat(data[i].value)
          });
        }
      }
      return res;
    };
    
    chart.on('mouseover', { seriesIndex: 0 }, function (event) {
    console.log(event)
    chart.dispatchAction({
      type: 'highlight',
      geoIndex: 0,
      name: event.data.region
    });
    });
    chart.on('mouseout', { seriesIndex: 0 }, function (event) {
      chart.dispatchAction({
        type: 'downplay',
        geoIndex: 0,
        name: event.data.region
      });
    });
    Ответ написан
    Комментировать
  • Как вывести данные из консоли в желтый(любой цвет) блок на экран сайта?

    @Nevea
    как вариант:
    HTML
    <div id="response">
    </div>

    JS
    const getInfo = document.getElementById('getInfo');
    
    getInfo.addEventListener('click', function() {
      const day = document.getElementById('day');
      const time = document.getElementById('time');
      const priory = document.getElementById('priory')
      const textArea = document.getElementById('textArea');
     document.getElementById('response').textContent(day.value + ' ' +time.value+ ' ' +priory.value + ' ' + textArea.value )
    });

    CSS
    #response { 
      color: #ffff00;
    }
    Ответ написан
    Комментировать