[lineChart] Adding tooltip support

[raphamorim]

origami(canvas).chartLine({
    tooltip: true
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    fill: true,
    datasets: [
      {
        data: [1, 9, 8, 71, 56, 30, 60],
        line: "2px solid pink",
      }]
})

[goelrohan6]

@raphamorim can you please guide how to proceed with the issue ?

[raphamorim]

Hi @goelrohan6 the goal is display a tooltip when the user put mouse over a point in the chart. This tooltip show the current data

[kolharsam]

Hey @raphamorim I'd like to work on this. Where and how do I get started?

[raphamorim]

Nice @Kolhar730
The idea is for every dataset.length show ...labels

So if we have: [0,1,3,4] as dataset.
when exist ["first", "second"] as labels, 0 and 1 should be labeled

[kolharsam]

@raphamorim thanks for the response. I'd want to get familiar with usage of OrigamiJS and also with the Canvas API. Could you give me a few days to get myself familiar with these.

I'm only a beginner, so I'd appreciate any help that comes from your side.

How should I be tackling these problems?

[raphamorim]

No problem at all @Kolhar730,
take your time.

I highly recommend you to look: https://github.com/raphamorim/origami.js/blob/master/src/charts/line.js

All line graph logic is there, any other thing you can ask. No problem at all, I'm be happy to help