chartjs-plugin-annotation icon indicating copy to clipboard operation
chartjs-plugin-annotation copied to clipboard

Annotation plugin for Chart.js

Results 72 chartjs-plugin-annotation issues
Sort by recently updated
recently updated
newest added

This PR is enabling the `callout` options in the label of line annotation. ### TODO - [x] test cases - [x] types - [x] documentation - [x] samples

enhancement

This PR is enabling the line curve representation by the line annotation. ![curvesample](https://user-images.githubusercontent.com/11741250/171205704-0dd1c113-e566-4b62-883b-d92896224f70.png) | Option | Type | Default | Description | :-- | :-- | :-- | :-- |...

enhancement

This PR is enabling the labeling of the ellipse annotation. ### TODO - [x] test cases - [x] types - [x] documentation - [x] samples

enhancement

This PR is adding before/after draw hooks in order to allow the user to apply whatever needed customization on out-of the-box annotations. Fix #146. The hooks will be invoked once...

enhancement

Well, I'll try to ask here, trying to use both plugins ``` const options = useMemo(() => ({ plugins: { zoom: zoomOptions, annotation: annotationOptions, legend: { display: false }, tooltip:...

question

This PR is enabling the possibility to the user to set the animation to the annotations when they are drawing at chart initialization. It adds an options to all annotations:...

enhancement

As reply to: https://github.com/chartjs/chartjs-plugin-annotation/pull/740#issuecomment-1134514169 I'm sure I missed some common options, but those can be added in subsequent pull requests.

enhancement

Hi, I am trying to create the following label in my graph: ![image](https://user-images.githubusercontent.com/99955097/168798588-c5188496-6b52-41e6-8c95-d4784efb7f26.png) I am, however, unable to make the second line bold, unless i either create 2 labels or...

enhancement

I want adjust label position according to his width with this code: ``` { drawTime: 'beforeDraw', type: 'label', color: 'rgba(0, 32, 51, 0.6)', font: { size: 10, }, xValue: x,...

help wanted

Hey All, I know that I can use the following: ```js layout: { padding: { left: 0, right: 30, top: 0, bottom: 0 } }, ``` to create padding from...

enhancement