The 'resize shape to fit text' is only available when working with text boxes and autoshapes. You could select the horizontal axis and then reduce the size of the font using the buttons on the Home ribbon to make them fit or alternatively you can drag the bottom of the chart area upwards to make more space for the x-axis.
Configure your Chart. Now that the data's ready, you've to work on the styling, the positioning and giving your chart a context. First, we add the chart attributes in the views.py file.
Since we are plotting a single dataset, let us create a column 2D chart with 'Countries' as data labels along x-axis and 'No. of oil reserves' as data values along y-axis.
Aug 23, 2019 · Use color wisely. Another consideration is on how you should use color in your bar charts. Certain tools will color each bar differently by default, but this can distract the reader by implying additional meaning where none exists. Instead, color should be used with purpose.
Sep 02, 2020 · colors (Color) – data colors, will use the default and|or random colors if not specified (see below). legend: (boolean = false) – if true show legend below the chart, otherwise not be shown. Colors ng2-chart. Some colors are applied default, colors can be changed with colors attribute.
👩🏻💻 Tech note: ChartJS is using RGBA colors (Red, Green, Blue, Alpha). The mixture of the three first parameters sets the color up and the last parameter stands for the opacity: 0 is completely transparent, 1 is completely opaque.