c3.js - c3 line chart using with Angular 8

Question

enter image description here

Here I attached the image I want to add points like is showing in the image on the graph. one dataset is already showing it working awesome. but I want to add some extra information on the line. is it possible?? I am using c3 chart lib.

 let chart = c3.generate({
      bindto: '#chart',
      data: {
        x: 'x',
        xFormat: '%Y-%m-%d %H:%M:%S',
        columns: [
         [34,45,45],
          ['val1','val2','val3'],
        ]
      },
      legend: {
        show: false
      },
      grid: {
        x: {
          show: false
        },
        y: {
          show: true,
          lines: [{ value: this.hth, class: 'grid4', text: this.hth, position: 'start' },
          { value: this.lth, class: 'grid4', text: this.lth, position: 'start' }],

        }
      },
      axis: {
        y: {
          max: 10,
          min: -10
        },
        x: {
          type: 'timeseries',
          tick: {
            fit: false,
            format: '%Y-%m-%d %H:%M:%S',
          }
        }
      },
      point: {
        show: true,
        r: 5
      },
      //   regions: [

      //     {axis: 'y', start: 70, end: 90, class: 'regionY'},

      // ]
    });

question from:https://stackoverflow.com/questions/65859114/c3-line-chart-using-with-angular-8

Answer 1

Waitting for answers