使用Angular4和PrimeNg

时间:2018-01-05 09:18:36

标签: angular charts chart.js primeng

是否可以为折线图获取嵌套数据集的示例?这是我的代码: -

this.data1 = {
               datasets: [
                    {
                        label: 'BILL',
                        data: [this._billList, this.billDateList],
                        fill: false,
                        borderColor: '#565656'
                    },
                    {
                        label: 'GRN',

                        data: [this._grnList, this.grnDateList],
                        fill: false,
                        borderColor: '#4bc0c0'
                    },

                    {
                        label: 'PAYMENT',
                        data: [this._paymentList, this.paymentDateList],
                        fill: false,
                        borderColor: '#42A5F5'
                    }

                ]
            }

我想显示3个折线图,每条线与其自己的日期相关联.Been努力弄清楚如何将每个数据传递为x和y轴。上面的代码不起作用,因为它甚至没有显示任何内容列表有值。 以下格式代码工作正常但不适合我的方案: -

this.data1 = {
          labels: this.chartDateList,
        datasets: [
         {
                 label: 'BILL',
                 data: this._billList,
                       fill: false,
                   borderColor: '#565656'
                },
                {
                    label: 'GRN',

                 data: this._grnList,
                   fill: false,
                   borderColor: '#4bc0c0'
               },

                  {
                     label: 'PAYMENT',
                   data: this._paymentList,
                      fill: false,
                        borderColor: '#42A5F5'
                   }

               ]
          }

我想知道如何将值列表作为每行的x轴和y轴传递。 y轴将是支付的金额,x轴将是日期。

0 个答案:

没有答案