Всплывающие подсказки c3js не отображаются - PullRequest
Новая
       9

Всплывающие подсказки c3js не отображаются

0 голосов
/ 24 мая 2018

У меня проблема с пончиком C3js и всплывающими подсказками.Подсказки отлично работают в моих графиках линий, я не понимаю, что не работает в этом случае.Вот кодеин: https://codepen.io/prtome/pen/LmKPpy

Я делаю это очень просто - я пытаюсь понять, как лучше всего представить пончик с множеством ломтиков (таким образом, вынимая ярлыки внутри слайдов).Вот код HTML 

<div id="chart"></div>

JS 

  var chart = c3.generate({
  bindto: d3.select('#chart'),
  size: {
        width: 500
      },
  data:{
  columns: [
        ['data1', 30],
        ['data2', 120],
        ['data3',45],
        ['data120', 30],
        ['data121', 120],
        ['data311',56],
        ['data4', 30],
        ['data5', 120],
        ['data6',45],
         ['data7', 20],
        ['data8', 90],
        ['data9',45],
        ['data10', 30],
        ['data11',38],
        ['data12',33]
    ],
   type : 'donut'
  },
  donut:{
    label: {show:false  }
   },
   tooltip:{show:true},
   legend: {
    position:'right'
    }
  });

Есть идеи, где я не прав?большое спасибо

(используя d3 4.13.0 и C3 0.6.1)

Ответы [ 2 ]

0 голосов
/ 26 августа 2018

Была проблема с определенными версиями C3js.https://github.com/c3js/c3/pull/2359

Теперь это объединено и решено.Лучшее решение - просто использовать самую последнюю версию, то есть 0.6.7.

0 голосов
/ 25 мая 2018

В качестве решения для аналогичной проблемы на github C3 добавьте следующее в CSS 

g.c3-chart {
  g.c3-event-rects {
    rect.c3-event-rect {
      pointer-events: none;
   }
 }
}

С этим он работает

...