NVD3. js: Как создать составную диаграмму из следующих данных в angular

Question

Как создать столбчатую диаграмму в виде столбчатой ​​диаграммы или многострочную диаграмму с помощью NVD3.

Ниже приведен код, который я добавил значения вручную на данный момент.

     getChartData() {
    var newpiechart: {
      sUnsubmittedCount: number,
      sSubmittedCount: number,
      swHwtemplateunsubmittedCount: number,
      swHwtemplatesubmittedCount: number
    }; 
    var data = {
      sUnsubmittedCount : 310,
      sSubmittedCount : 710,
      swHwtemplateunsubmittedCount : 200,
      swHwtemplatesubmittedCount : 300,
    }
    newpiechart = {
      sUnsubmittedCount: data.sUnsubmittedCount,
      sSubmittedCount: data.sSubmittedCount,
      swHwtemplateunsubmittedCount: data.swHwtemplateunsubmittedCount,
      swHwtemplatesubmittedCount: data.swHwtemplatesubmittedCount
    };
    const newcharturl = newpiechart;
}

Вывод из консоли такой, как показано ниже : {sUnsubmittedCount: 310, sSubmittedCount: 710, swHwtemplateunsubmittedCount: 200, swHwtemplatesubmittedCount: 300} sUnsubmittedCount: 310 sSubmittedCount: 710 swHwtemplateunsubmittedCount: 200 swHwtemplatesunsubmittedCount: 200 swHwtemplatesunubSubTM * 0 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 000; * * * * * * * * * * * * * * 0: 100 * * * * * * * * * * * * * 0: * 100 * * * * * * * * 0: * * * * * * * * * * * * * 0: * 100 * * * * * * * *. * В столбчатой ​​диаграмме оси x указаны типы, т. Е. SWAD и SWHW, а ось Y является общей.