Basic bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/basic-bar-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-basic-bar-chart-example" style="min-height:300px" data-echart-responsive="data-echart-responsive"></div>Horizontal bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/horizontal-bar-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-horizontal-bar-chart-example" style="min-height:300px" data-echart-responsive="data-echart-responsive"></div>Bar chart with negative value
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-negative-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-negative-chart-example" style="min-height:300px" data-echart-responsive="data-echart-responsive"></div>Series bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/series-bar-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-series-bar-chart-example" style="min-height:300px" data-echart-responsive="data-echart-responsive"></div>Stacked bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/stacked-bar-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-stacked-bar-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Stacked horizontal bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/stacked-horizontal-bar-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-stacked-horizontal-bar-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Bar race chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-race-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-race-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Gradient bar chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-gradient-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-gradient-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Mixed chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-line-mixed-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-line-mixed-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Water fall chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-waterfall-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-waterfall-chart-example" style="min-height:350px" data-echart-responsive="data-echart-responsive"></div>Bar timeline chart
<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/bar-timeline-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-bar-timeline-chart-example" style="min-height:450px" data-echart-responsive="data-echart-responsive"></div>