Line Legend

[sabov]

Related to #52

• highlight related line on hover
• hide/show line on click

If users want to hide legend:

ibmChart({
  data: {
    columns: [
      ['data1', 200, 300, 150, 400, 275, 360],
      ['data2', 210, 170, 240, 120, 160, 130],
      ['data3', 370, 350, 375, 340, 350, 340],
    ],
  },
  id: 'myChart',
  legend: { show: false },
});

[seejamescode]

Great stuff! Some things missing:

• Responsiveness is lost
• The interactive legend needs to have html buttons for keyboard accessibility
• When the chart has a width of 1000px, the legend should have a width of 200px (according to the layout ai file). I only saw 75.55px

[winslet]

Looks great, happy with this, thanks for the GIF - really helpful when reviewing!

[seejamescode]

Hey @sabov, the legend now collapses at the width it is supposed to. I do not know how to rerender the chart for the appropriate width though!