柱状图案例
柱状图用来比较多项目的数值情况，从构成上来说，柱状图以坐标轴上的长方形元素作为变量，以此来达到展现并比较数据情况的目的。柱状图形式多种多样，以适应不同场合数据展示，常用的有如下形式：
可以参考http://echarts.baidu.com/echarts2/doc/example.html 和 http://echarts.baidu.com/examples/#chart-type-bar，根据自己的实际需求和审美选择不同的形式。
常用配置项参数：
- title：标题组件，包含主标题和副标题。
- title.show boolean[ default: true ]，是否显示标题组件
- title.text string[ default: '' ]，主标题文本，支持使用 \n 换行
- title.target string[ default: 'blank' ]，指定窗口打开主标题超链接
- title.target string[ default: 'blank' ]，指定窗口打开主标题超链接。可选：'self' 当前窗口打开；'blank' 新窗口打开
- title.textStyle.color Color[ default: '#333' ]，主标题文字的颜色
- title.textStyle.fontStyle string[ default: 'normal' ]，主标题文字字体的风格，可选：'normal'，'italic'，'oblique'
- title.textStyle.verticalAlign string文字垂直对齐方式，默认自动。可选：'top'，'middle'，'bottom
- title.subtext string[ default: '' ]，副标题文本，支持使用 \n 换行
- legend：图例组件
- grid：直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。
- xAxis：直角坐标系 grid 中的 x 轴，一般情况下单个 grid 组件最多只能放上下两个 x 轴，多于两个 x 轴需要通过配置 offset 属性防止同个位置多个 x 轴的重叠
- yAxis：直角坐标系 grid 中的 y 轴，一般情况下单个 grid 组件最多只能放左右两个 y 轴，多于两个 y 轴需要通过配置 offset 属性防止同个位置多个 Y 轴的重叠
- color：调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色
1. 使用之前使用WebMagic爬取的豆瓣豆列电影数据，数据库movies表如下：
2. 新建Java Web项目，红框处需要勾选
3. 将下载的jstl.jar、standard.jar和mysql-connector-java-5.1.6-bin.jar拷贝至lib目录下；在WebContent下新建res目录，在res目录下新建js目录，然后将echarts.min.js、jquery-3.3.1.min.js拷贝到js目录下。整体目录结构如下：
4.