score:2
chart.js by default doesn't show values on top of data points. the issue must be related to chartjs-plugin-datalabels
or some other script library you imported on your html page.
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
simply remove that and you won't see the the values on top of your data points anymore.
update
from the chartjs-plugin-datalabels documentation
this plugin registers itself globally, meaning that once imported, all charts will display labels. in case you want it enabled only for a few charts, you first need to unregister it globally:
chart.plugins.unregister(chartdatalabels);
then, you can enabled the plugin only for specific charts:
var chart = new chart(ctx, {
plugins: [chartdatalabels],
options: {
// ...
}
})
Source: stackoverflow.com
Related Query
- Hide the element text on line charts since it overlaps with the line
- Vue Chart 3 - Doughnut Charts with Text in the Middle (Trouble registering a plugin)
- Chart.js - Line charts with different colors for each border lines
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- ChartJs line chart - display permanent icon above some data points with text on hover
- ChartJS - how to display line chart with single element as a line? (not as a dot)
- How to achieve the best possible performance with mutable data and real-time charts in React?
- Multipe doughnut charts on one page with text in center using Chart.js
- chart.js: issue with concatening two line charts
- Chart.js - Draw charts with opposite bars - How to set both the y-axis ends to positive number?
- Having problems getting a line chart in Chartsjs to go *up* to 1, with bkg fill *under* the chart line
- How can I load multiple Chartjs charts with different data on the same page?
- Generate multiple line charts in Django with ChartJS
- How do I hide line outside the min/max (scale area) in chartjs 2.0?
- Chart.js -> line chart -> multiple points with the same X
- How to reduce the number of points shown on line chartjs chart with a large dataset?
- How do you make a progressive line chart with time as the X axis?
- Javascript and Chart.JS - issue with getting unique text in 3 donut hole charts - same text showing for all 3 donut holes
- Problem with script src for Chart.js. The CDN for Chart.js funtions fine, so my code is ok. Somehow I'm not linking the file correctly
- Chart Js Line chart with fill on click with full information of its legend text
- I want to hide the line as shown below
- chartjs - show hide specific dataset with click on element outside graph
- Flickering of charts and getcontext error with chartjs in the context of Vuejs
- Can you do regions in line charts with Chart.js?
- line charts is higher that the dataset in Chart.JS
- How to show tick marks and labels with grid line for the specific one on the X axis with Chart.js?
- Custom Legend ChartJS not showing the text decoration: line through
- Can chart.js display text associated with each point on a line chart that is permanently visible?
- django + chart.js : Cannot get two bar charts on the same graph with appropriate data
- data in charts of charts.js is changing when I click in the line chart
More Query from same tag
- How can I sort, insert in between and update full dataset in chartjs?
- Can't reuse a template in Vue.js
- Angular 2 ng2-charts doughnut text in the middle disappears on mouse hover
- Display JSON data in chartjs
- Attach data to label (Chart.js & Django 3)
- How to reduce spaces between grids for graph in chart.js
- Using public data for dynamic data
- Line chart disable interpolation
- Chartjs average line over bars
- How to pass a nested function to an HTML button and Dropdown menu
- How to adjust Chart.js height according to datasets size. Ionic 3
- ChartJS - Injecting data from the server-side
- Chart.js - Hide tooltip caret
- Why Primefaces donutChart is not working?
- Fail to load chart on Flask/jinja2 html using chart.js
- dynamic number of chart.js charts on the same page
- How to Create a Custom Logarithmic Axis in Chart.js
- ChartJS distinguish clicks between chart area, dataset and legend
- Click event on stacked bar chart - ChartJs
- Adjust length of y-axis using chart.js and bootstrap
- Hiding Chart.js line, but showing it's data in the tooltip
- How do I make the y-axis intersect the x-axis at 0 in chart.js
- chart.js bar chart color change based on value
- Chart.js with line chart and bar chart - bar chart not rendered although the max value of it is shown
- Mark X value on Chart Js graph
- Vue and Chartjs - Running a simple example of vue-chartjs
- Dynamic Chart Data
- Is it able to align line chart at left margin in mixed chart?
- Javascript : import produces a syntax error
- How can I set 3 color to the same chartjs bar?