c3.js - скрыть подсказку для определенных наборов данных - PullRequest
Новая
       23

c3.js - скрыть подсказку для определенных наборов данных

0 голосов
/ 19 ноября 2018

У меня есть диаграмма c3.js, которая имеет 4 набора данных.Можно ли настроить отображение всплывающей подсказки только для 1 набора данных?

Из приведенного ниже кода я хочу, чтобы подсказка отображалась только для данных4. 

var chart = c3.generate({
    bindto: '#chart3',
    data: {
      //x: 'x1',
      xFormat: '%d/%m/%Y %H:%M', // how the date is parsed
      xs: {
            'data1': 'x1',
            'data2': 'x2',
            'data3': 'x3',
            'data4': 'x4'
      },      
      columns: [
        x1data,
        y1data,
        x2data,
        y2data,  
        x3data,
        y3data,
        x4data,
        y4data,          
      ],
      types: {
        data1: 'area',
      }, 
    },
    legend: {
        show: false
    }   

});

Существует опция всплывающей подсказкидля шоу: ложь, но это отключает их всех.Может ли он отображаться только для одного набора данных?

1 Ответ

0 голосов
/ 19 ноября 2018

Функция tooltip.position () может использоваться для управления положением всплывающей подсказки, и мы можем установить положение всплывающей подсказки за пределами холста в качестве быстрого взлома, чтобы скрыть его, когда мы не хотим его видеть.Тем не менее, я не знаю, как вернуть значение по умолчанию, которое не задокументировано - может быть, кто-то еще может уточнить это. 

  tooltip: {
    grouped: false,
    position: (data, width, height, element) => {
      if (data[0].id === 'data2'){    // <- change this value to suit your needs
          return { top: 40, left: 0 };
      }
      return { top: -1000, left: 0 };
    }
  }

РЕДАКТИРОВАТЬ: После поиска решения я обнаружил, что Billboard.js (вилкаC3.js на github) предоставляет функцию tooltip.onshow (), которая, по словам документооборота API, является «обратным вызовом, который будет вызван перед отображением всплывающей подсказки».Таким образом, может показаться, что Billboard.js уже имеет потенциальное решение, в котором вы можете перехватить данные и скрыть подсказку.

...