Как добавить hoverCallback к диаграмме пончик в диаграмме morrisJS? - PullRequest
Новая
       17

Как добавить hoverCallback к диаграмме пончик в диаграмме morrisJS?

0 голосов
/ 03 июня 2019

Я работаю над проектом. Мой клиент попросил меня сделать задание. При наведении Моррисис пончик чарт. Я хочу показать подсказку. MorrisJS имеет всплывающую подсказку для диаграмм BAR и LINE, а также метод обратного вызова при наведении курсора. Но кольцевых диаграмм нету. Я занимался серфингом в интернете. Я получил решение, но когда изменить размер окна. подсказка теперь работает. пожалуйста, помогите мне сделать это. заранее спасибо. 

<div id="morrischart" style="height: 250px; width: 250px; float: left">
</div>
<div id="morrisdetails-item" class="morris-hover morris-default-style" style="position:static; float: left;">
  <div class="morris-hover-point">this is a test</div>
</div>


var chart = new Morris.Donut({
  data: [{
    label: 'complete',
    value: 50
  }, {
    label: 'late',
    value: 20
  }, {
    label: 'delayed',
    value: 30
  }],
  colors: [
    '#00A33D',
    '#C31929',
    '#FFA536'
  ],
  element: 'morrischart',
});
for (i = 0; i < chart.segments.length; i++) {
                                                  chart.segments[i].handlers['hover'].push(function (el) {
              console.log(chart.segments[i]);                                            $(el).attr("cursor", "pointer");
});
}

передайте это: http://jsfiddle.net/ag25xj32/1/

...