score:1
Accepted answer
you need the mirror
attribute set to true.
mirror attribute is in options => scales => xaxis => ticks => mirror.
public barchartoptions: any = {
scales: {
yaxes: [{
ticks: {
mirror: false
}
}],
xaxes: [{
ticks: {
mirror: true }
}], ....
Source: stackoverflow.com
Related Query
- Chart.js: How to get x-axis labels to show on top of bars in bar chart
- How to show data values in top of bar chart and line chart in chart.js 3
- How to show the chartjs bar chart data values labels as text?
- how can i show labels and value in both on bar chart
- How to add labels on top of the chart bar with Chart.js 2
- how to write labels along with data on top and bottom of each stack in bar chart
- How to show bar chart labels clearly using ChartJS?
- Chart.js Bar Chart - how to chart bars from 0
- Chart.js how to show cursor pointer for labels & legends in line chart
- Show X axis on top and bottom in line chart rendered with Chart.js 2.4.0
- How to hide the y axis and x axis line and label in my bar chart for chart.js
- How to have solid colored bars in angular-chart bar chart
- PrimeNg bar chart how to show a label for the y-axis
- Show data on top of bar chart in Chart.js v 2.7.1
- How to make bar chart animation where all bars grow at the same speed?
- How to show bar labels in legend in Chart.js 2.1.6?
- ChartJS (React) Line Chart - How to show single tooltip with data and labels from 3 (multiple) dataset?
- How to show gradient vertically on chart js grouped bar chart?
- how to customize tool tip while mouse go over bars on Chart js bar chart
- In Chart.js >3.0, on axis of type time, how to show labels and ticks only for existing data points (make labels reflect data)?
- How to show different product name for every bar in chart js
- Chartjs 3.x - How to duplicate X axis on both sides of horizontal bar chart with only 1 dataset?
- angular-chart.js : how to show numbers in each bar of stacked bar chart
- how to minimize x axis labels to day hours in chart js
- Click on interactive chart.js bar chart and get value for labels and groups in JS
- chart.js: How do I make the radar chart axis labels bigger?
- How to set custom Y Axis Values (Chart.js v2.8.0) in Chart Bar JS
- Chart.js: Reverse bar chart with regular bars (Bottom to top instead of top to bottom)
- How to get labels on ChartJS Pie chart segments
- How to show a "total" sum label on the top of stacked bars
More Query from same tag
- Refencing a plugin in ChartJs.Blazor
- Add MQTT topics and data to chartjs
- chart js how do I only show just the low/high dots on line chart?
- chart js 3 radar, how to enabe multiline labels
- how do I use for loop inside script tag in ejs
- Charts.js destroy previous data and update
- How can I force the ".0" portion of a value to explicitly display (Chart.JS)?
- How to get the setState reassigned in react
- Chart.js multiple datas between labels
- Vuejs prop does not get updated
- How to add text inside the doughnut chart using Chart.js AngularJS 2.0?
- Feeding PHP MySQL Call into Charts.js
- Chart.js data/label scale
- ChartKick - ChartJs - Legend onClick override with default behaviour
- Chart.js chart does not display when inside an ngIf.
- Chart js options not changing chart
- Chartjs isn't rendering bar chart, even though chart variable shows correctly when console logged
- HTML5 Canvas expanding the draw area after drawing
- ChartJS executes a function multiple times
- How to change the Y-Axis to show $ in graph
- Parsing json in jQuery error
- Is there a way in chartjs to display different Boolean values with an offset in Y over a common timeline?
- Char.js - How to show labels by default in pie chart
- how to format date string for x axis labels in chartjs?
- Why do Bar Pie Chart values not line up?
- Chart.js scale x values
- How can I build a vertical line without going through my dots on my line graph? (charts.js)
- How to set a locale for Chart.js date labels?
- Issues with Moment and ChartJS Time Format Parsing
- ChartJS, Primeng, Gap first and end of line chart