chore(chart bar): convert to typescript (#11727)

* chore(chart bar): convert to typescript

* added example - Purple with bottom aligned legend

* added examples - multi color and single

* added alerts timeline example

* disable eslint camelcase

* renamed files and functions

* updated the eslint config

* fix lint issue

Author: Mash707

eslint.config.mjs

@@ -86,7 +86,9 @@ export default [
       camelcase: [
         'error',
         {
-          ignoreDestructuring: true
+          ignoreDestructuring: true,
+          allow: ['^t_[global|chart]', '^chart_']
+          // TODO: Remove 'chart_' from the allowed patterns after updating all chart examples to use the 't_chart_' format
         }
       ],
       'constructor-super': 'error',