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
- Chart.js - How can i add a legend?
- Creating Stacked chart.js graph from array
- Bar Chart Not Stacking When Using ChartJs
- how to change color of dots in graph using chart.js
- Importing and using Echarts results in [object error] in Internet Explorer
- How to show area chart with timeseries configuration with different datasets in Chart.js v3?
- How to Draw a line on chart without a plot point using chart.js
- Chartjs showing labels for bidimensional array
- Angular / ng2-charts: Fetching json data in chart object showing: Cannot read property 'length' of undefined
- Uncaught ReferenceError : require is not defined - Chart.js
- Outputting multiple SQL queries in chart.js
- tc-angular-chartjs problems while assigning value to chart-data
- Chartjs bar min, max and avarage value
- Problems displaying yLabels in charts.js
- Unable to plot JSON to chartJS
- Chart.js: How to handle very large and very small values in radar chart?
- Pass List of Objects as data
- Change Chart.js Legend Text
- chartjs line graph destroy function is not clearing the old chart instances
- Chart.js: Bar chart multiple colors
- Clojurescript/Reagent/Chart.js - Reagent life cycle - chart.update()
- How to change X-axis interval in chart.js
- Chart.js: Get point index from chart.getPointsAtEvent(e)
- Format Y axis of Chart.JS as Time
- How to convert an array of strings to float in Javascript
- How to customize tooltip on mouse hover of a polar area chart of Angular Charts
- Why is my Line Chart.JS starting in the middle?
- How can I show a subset of data on pie pieces in Chart.JS while still displaying the superset when hovering?
- Cannot get react-chartjs to update
- Is it possible to keep the same width of the drawing surface when updaing chart.js linechart