simple Bar chart
This is an example of another simple bootstrap line chart, designed using CSS, HTML, jQuery, and bootstrap 4 framework. Chartjs library has been imported to implement the line chart along with bootstrap styles. Var methods have been used to set the distance of the lines and implement media queries to make the form responsive. The body of the form is given a background color of #f9f9fa, a flex style of 1, and padding of 5rem. The chart card is given the styles of background as #fff, border-radius as .25rem, box-shadow as 0 1px 3px rgba(0, 0, 0, .05), border as 1px solid rgba(19, 24, 44, .125) and the margin-bottom as 1.5rem. The card header has the styles of padding as .75rem 1.25rem, background-color as rgba(19, 24, 44, .03), and, border-bottom: 1px solid rgba(19, 24, 44, .125), whereas the card footer is given a border-color of rgba(160, 175, 185, .15). The style word-wrap: break-word has been used to break words and wrap them into the next line.