How to work out Chartjs using TypeScript with Chartjs.definitelyTyped from github

Question

I want to use Chartjs(chartjs.org) as my charting tool along with AngularJS using TypeScript. I have installed DefinitelyTyped for Chartjs from GitHub to incorporate creation of Chartjs charts in my TypeScript written controller. I can't find any related questions on doing this thing.

I just need to know how we populate data to our charts using DefinitelyTyped.

psygo · Accepted Answer · 2022-09-24 14:05:25Z

11

You can find example usages of chart.d.ts in the form of a tests file right next to the definition in the DefinitelyTyped repo.

edited Sep 24, 2022 at 14:05

psygo

7,8738 gold badges63 silver badges112 bronze badges

answered Apr 27, 2015 at 2:07

basarat

278k61 gold badges475 silver badges528 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Oleg Abrazhaev Over a year ago

indeed, types are part of chat.js now, no need to install @types/chart.js

psygo · Accepted Answer · 2022-09-24 14:16:55Z

5

A bit outdated question, but had similar request since I'm working with Angular + PrimeNG (which uses chart.js) with npm for packages.

Just install types from

npm i --save-dev @types/chart.js

and then use it for example:

import { Chart } from 'chart.js';

…

const myOptions: Chart.ChartOptions = {
  title: {
    display: true,
    text: 'My title',
    fontSize: 16,
  },
};

Might help someone.

edited Sep 24, 2022 at 14:16

psygo

7,8738 gold badges63 silver badges112 bronze badges

answered Mar 31, 2022 at 14:10

Nomik

3655 silver badges12 bronze badges

4 Comments

LeeLenalee Over a year ago

This is wrong, you are using Chart.js V3, in V3 the types are build in while @types/chart.js has the types for V2 which will collide

Nomik Over a year ago

Well, not sure about types compatibility (of course you should not use types for ver. 2.x with 3.x chart.js..) but this is working fine with version 2.9.4 which I'm using, also there is no specified version in question.

Saftpresse99 Over a year ago

How this works with V4? I added /// <reference path="node_modules/chart.js/dist/types/index.d.ts" /> but no intellisense.

Nomik Feb 7 at 0:45

@Saftpresse99 try adding "compilerOptions": { "types": ["chart.js"] } to your tsconfig

Collectives™ on Stack Overflow

How to work out Chartjs using TypeScript with Chartjs.definitelyTyped from github

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related