Starts in:
1 DAY
18 HRS
35 MIN
27 SEC
Starts in:
1 D
18 H
35 M
27 S

Activities of "stuchlajz"

Hi, I'll try it.

Thank you.

I apologize for the longer response time. I tried to modify the plugin according to the documentation https://www.chartjs.org/docs/3.9.1/developers/plugins.html, unfortunately without success. I am unable to trigger any events. Could you please provide an example of a plugin where, for instance, beforeDraw: (chart, args, options) => { console.log(chart); } is executed? Thank you

ABP Framework version: v8.0.1 UI Type: Angular Database System: EF Core (PostgreSQL.) Tiered (for MVC) or Auth Server Separated (for Angular): yes Exception message and full stack trace: Steps to reproduce the issue: Hello, I'd like to ask for your support. According to the documentation on https://docs.abp.io/en/abp/8.0/UI/Angular/Chart-Component I have created a sample chart. It is plotted correctly. However, if I define my own plugin according to https://www.chartjs.org/docs/latest/api/interfaces/Plugin.html, none of the methods are called.

import { Component } from '@angular/core';

@Component({
  selector: 'app-chart-demo',
  template: `
    <abp-chart
      type="bar"
      [data]="data"
      width="400px"
      height="400px"
      [plugins]="plugins"
    ></abp-chart>
  `,
})
export class BarChartComponent {
  data = {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [
      {
        label: 'First dataset',
        backgroundColor: '#42A5F5',
        data: [65, 59, 80, 81, 56, 55, 40],
      },
      {
        label: 'Second dataset',
        backgroundColor: '#FFA726',
        data: [28, 48, 40, 19, 86, 27, 90],
      },
    ],
  };

  helloWorldPlugin = {
    id: 'helloWorld',
    beforeInit: (chart, args, options) => {
      console.log(chart);
    },
    afterInit: (chart, args, options) => {
      console.log(chart);
    },
    afterRender: (chart, args, options) => {
      console.log(chart);
    },
    beforeDraw: chart => {
      console.log(chart);
    },
    afterDraw: (chart, args, options) => {
      console.log(chart);
    },
  };

  plugins = [this.helloWorldPlugin];
}

Thank you in advance

Showing 1 to 3 of 3 entries
Made with ❤️ on ABP v9.1.0-preview. Updated on November 20, 2024, 13:06