Questions tagged [chartjs-plugin-annotation]
35 questions
5
votes
2 answers
ChartsJS Annotations Plugin - Can you create a tooltip to accompany an annotation?
im trying to figure out how I can add a tooltip when I hover/mouseover the vertical line annotation I've drawn:
annotation: {
annotations: [{
"drawTime": "afterDatasetsDraw",
"type": "line",
"mode": "vertical",
"scaleID":…
cyborg95
- 185
- 11
4
votes
0 answers
Chart.js annotations working but causing console error in Angular 5
I have a dynamic chart generating component based on the data that is received. I create a chart instance inside the component and fill out the properties. I imported the chartjs-annotate-plugin as
import * as annotation from…
Rebekah Yau
- 41
- 4
3
votes
1 answer
how to show data label on barchart using chart.js in Angular10 project?
In Angular project I am implementing charts using chart.js latest version 2.9.3
I implemented doughnut chart, stacked bar chart perfectly,,Now I have to implement stacked bar chart which contain data labels on y-axis.
So from chart.js documentation…
Soumya Gangamwar
- 954
- 4
- 16
- 44
2
votes
1 answer
Grabbing the title in plugin for ChartJS
I want to figure out how to grab the title in a plugin in ChartJS I have the title in the configuration like so:
title: {
display: true,
fontSize: 10,
…
cdub
- 24,555
- 57
- 174
- 303
2
votes
1 answer
Correct config location of chartjs-plugin-annotation with ng2-charts?
I'm using ng2-charts to draw a bar chart in my Angular application. At some point I had to add static lines to my charts, and I decided to use chartjs-plugin-annotation. Connecting these two libraries together is not well documented, but after some…
Vlad Nikiforov
- 6,052
- 1
- 12
- 18
1
vote
0 answers
Chart.js annotation two vertical line on time axis and two different color
What could be the possible reasons for the vertical line not appearing on the graph despite searching for mistakes in the code and adding the annotation plugin? Additionally, how can two different colors be used to represent values above and below a…
Revamp
- 30
- 8
1
vote
1 answer
Cannot find a way to correctly use chartjs annotation plugin with react
I am currently trying to use the plugin chartjs-plugin-annotation in my react project.
Unfortunately, it is not working...
He is my implementation :
import React, { Component } from "react";
//import "./css/tideComponent.css";
import jsonData from…
Florian Ruf Rodot
- 11
- 1
1
vote
1 answer
import chartjs plugin annotation
I get the flowing error when importing chartjs plugin annotation
Uncaught TypeError: t.defaults.describe is not a function
at chartjs-plugin-annotation.min.js:7:22552
at Array.forEach ()
at…
Farid Hattab
- 11
- 3
1
vote
1 answer
ChartJSNodeCanvas plugin chartjs-plugin-annotation creates error: HTMLCanvasElement is not defined
I want to create my chart as png on the server.
The X axe is based on time, therefore I need the date adapter.
const chartJSNodeCanvas = new ChartJSNodeCanvas({
width: 512,
height: 400,
backgroundColour: "white",
plugins: {
…
GeorgB
- 17
- 1
- 7
1
vote
1 answer
chartjs-plugin-annotation box in Django app
I have chartjs v2.9.3 in my Django app and it works great. Now I need to add a box to one of my charts using chartjs-plugin-annotation, and I've followed all the steps, but I can't get it to work.
I've used chartjs-plugin-annotation v0.5.7 which is…
MarkoZg
- 391
- 2
- 10
1
vote
0 answers
Chartjs Plugin Annotation does not work (it is registered)
Box annotation wont render even though the configuration is correct
chartjs version: 3.6.0
chartjs-plugin-annotation version: 1.0.2
The plugin is registered like this:
import { Chart } from 'chart.js';
import annotationPlugin from…
Helena Guimarães
- 39
- 5
1
vote
1 answer
Annotations are not displayed in Chart.js
I'm sorry for my poor English.
I'm trying to display a horizontal line in a graph using vue-chartjs and chartjs-plugin-annotation.
The graph appears and the options are applied, but the horizontal line does not appear because the settings in the…
yotubarail
- 47
- 1
- 4
1
vote
1 answer
How to import chart.js plugin into script on typical html site
I have a index.php with html and script sections. I have few canvas with charts on it and now I need to import plugin 'chartjs-plugin-annotation ' which looks like typical ES6 module. If I used React the solution would be simple, I would just add it…
Mikolao
- 13
- 2
1
vote
1 answer
Chart.js annotations in Vue.js break when defined in data ()
I've run into a problem using chartjs-plugin-annotations in a Vue.js application
We've been successfully embedding ChartJS charts in our Vue applications for a while with the config for the chart defined in the data () section of the…
Dan Kelly
- 2,634
- 5
- 41
- 61
1
vote
2 answers
Angular 9 - chartjs-plugin-annotation error
I'm trying to draw a vertical line on my ng2-charts chart. In order to achieve this, I've installed the chartjs-plugin-annotation package. Unfortunately, it is not working and I cannot figure out what's wrong.
My configuration is basically the same…
dc_Bita98
- 851
- 2
- 17
- 35