score:33
Accepted answer
as per the readme of ng2-charts
, you can use options
to change any properties not exposed by ng2-charts
itself.
add [options]="options"
to your template, and an options
variable to your component:
private options: any = {
legend: { position: 'left' }
}
Source: stackoverflow.com
Related Query
- I can't change the legend position in Laravel Charts & ChartJS
- Change legend position of ng-charts (using angular2)
- How to change position from absolute to relative in charts in ChartJS
- How can i change the every legend label font color using chart.js version 2.8.0 (spacial line chart)?
- How to add prefix to legend in ng charts using angular
- Displaying Legend only once when Several pie charts are drawn in the same page using chart.js
- How to run Chart.js samples using source code
- Chart Js Change Label orientation on x-Axis for Line Charts
- How to save Chart JS charts as image without black background using blobs and filesaver?
- How to add images as labels to Canvas Charts using chart.js
- Chart.js change legend toggle behaviour
- Change point color on click using ChartJS
- Change Chartjs Legend Icon Style
- How to zoom charts in chart.js using angular 7
- How to change the color of legend in chartjs and be able to add one more legend?
- Chart.js - displaying multiple line charts using multiple labels
- Exporting chart.js charts to svg using canvas2svg.js
- Change Legend Box Outline Chart.js 2
- Change Radius/Point size of Legend Points in chart.js when usePointStyle is true
- Chart.js Multiple charts with one common legend
- Change position of Chart.js tick labels
- How to change color of hidden legend item instead of strike-through in Chart.js
- Change border color on legend in Chart.js
- Chart.js How to change y axis title position
- Using Chart.js - Creating Legend for Doughnut Chart
- Switching between Charts with chart.js using Buttons
- Angular2 charts (chart.js) Labels not vertical even though option is set
- Display multiple chart.js charts using for loop in Django template
- How can I change color of only one column in Barchart using Chart.js
- Multipe doughnut charts on one page with text in center using Chart.js
More Query from same tag
- Updating chart.js bar graph in real time
- Assigning data structures to chartjs properties, NOT individually
- Why is there an error in ChartJs.Blazor (change in ASPNETCORE_ENVIRONMENT)
- Chart.js: Can I change the "OriginalOptions" variable within the chartjs-zoom-plugin?
- How to add a Date Selector to Chartjs in the context of Vue.js
- How to create a Doughnut chart in django admin interface using foreign key field data?
- Displaying two values in tooltip using chart.js
- Howto draw horizontalBar with dynamic thickness (automatic rescale on browser window height resize) in Chart.js 2.9.3?
- How to create rounded bar graph with Angular 7 and Chartjs (v2)
- Chart.js legend took up too much spaces
- issue with customisation of Chart new.js for bar chart
- ChartJS: Limit label's length on an axis and show a tooltip on hover?
- Display a limited number of labels only on X-Axis of Line Chart using Chart.js
- Horizontal bar with two yaxes chart js
- Chart.JS: How can I only display data labels when the doughnut size is big enough for the text?
- Javascript instead of mapping to an array, returning one value at a time instead of a list of data?
- How to grouping Label In Char JS
- chart.js show no charts in IE11
- how get data from given string in javascript?
- How do I get a chart.js chart to display data in a Node/React web application?
- chartjs undefined length when using 2 datasets
- Using JSON file data in Chart.js
- Can we use EJS tags with ChartsJS?
- Chartjs tooltips disappear when calling Chart.update
- chart.js v 2.0.1 line, scatter chart pointRadius bug or I'm doing it wrong
- Chart.js line chart is cut off at the top?
- The chart is not getting shown when page is loaded
- Cross Browser Support for Chart.js
- chat,js stacked bar chart (make one dataset into stacked)
- Chartjs 3 ToolTip styling is not being picked up