sparkline Plugin sizing and tooltip question

[VorticonCmdr]

Description

I am in the process of switching from a setup using c3js and jquery sparkline to billboard.js. I ran into two (three) issues which currently prevent me from using the sparkline plugin.

1. even though I am setting the width to 42px and the height to 20px the sparkline graph itself is only half that size (and appears centered)

2. I'd like to disable the tooltip but when applying tooltip.show false the sparkline plugin crashes with "Uncaught TypeError: Cannot read properties of null (reading 'node')"

3. I am applying onmin & onmax but when the (unwanted) tooltip hovers over the min or max point the points disappear.

Steps to check or reproduce

var chart = bb.generate({
  size: {
    width: 42,
    height: 20,
  },
  axis: {
    y: {
      padding: 0
    },
    x: {
      padding: 0
    }
  },
  padding: false,
  data: {
    columns: [
      ["data1", 12300,10319,9843,10046,11886,15361,22886,36301,58436,84473,113425,142551,177024,219157,216367,190831,182064,173499,167160,160870,157161,157782]
    ],
    type: "area",
    onmin: function(data) {
     data.forEach(function(v) {
      // select data points
      d3.select(".bb-shapes-" + v.id + " .bb-circle-" + v.index)
       .style("fill", "red")
          .style("stroke", "red")
       .attr("r", "1");
     });
     },
    onmax: function(data) {
     data.forEach(function(v) {
      // select data points
      d3.select(".bb-shapes-" + v.id + " .bb-circle-" + v.index)
       .style("fill", "red")
          .style("stroke", "red")
       .attr("r", "1");
     });
     }
  },
  point: {
    r: 0
  },
  tooltip: {
    show: false
  },
  plugins: [
    new bb.plugin.sparkline({
     selector: ".sparkline"
    }),
  ],
  bindto: "#sparkline"
});

[netil]

Hi @VorticonCmdr,

even though I am setting the width to 42px and the height to 20px the sparkline graph itself is only half that size (and appears centered)

It appears sparkline plugin's issue. Without using sparkline, padding=false will remove the padding and works fine.

I'd like to disable the tooltip but when applying tooltip.show false the sparkline plugin crashes with "Uncaught TypeError: Cannot read properties of null (reading 'node')"

Seems sparkline's bug. I'll look into. For now, if you don't want use tooltip, set interaction.enabled=false instead.

I am applying onmin & onmax but when the (unwanted) tooltip hovers over the min or max point the points disappear.

onmin/max callbacks are just option triggered for min/max datasets. And the reason why is disappearing, is because of the point.r=0 option from your generation code. If interaction.enabled=false is set, this will solve.