详细参考echarts配置项文档：http://echarts.baidu.com/option.html

ECharts 提供了丰富的自定义配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式。

echarts常用配置项

• title:标题

• textStyle:全局文本样式

• legend:图例

• tooltip:提示框

• toolbox:工具栏

• grid:直角坐标系
  

• xAxis:直角坐标系 grid 中的 x 轴
  

• yAxis:直角坐标系 grid 中的 y 轴

• series:系列列表。每个系列通过 type 决定自己的图表类型

• timeline:时间轴

• dataZoom:区域缩放

其中全局组件有：全局文本样式组件textStyle、调色盘颜色组件color、背景色组件backgroundColor

其中交互组件有：图例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline

实例：

var option = {
    title: {
        text: '标题',
        subtext: '副标题',
        left: 'center',
    },
    tooltip: {
        trigger: 'axis'
    },
    toolbox: {
        show: true, //默认不显示
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category', //默认category。类目，必须有data
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
    },
    yAxis: {
        type: 'value', //默认value
        axisLabel: {
            formatter: '{value}万元'
        }
    },
    series: [{
        name: '销售额',
        type: 'line',
        data: [125, 86, 256, 231, 582, 765, 175, 352, 135, 278, 1425, 289],
        smooth: true, //曲线平滑
        markPoint: {
            data: [{
                name: '最小值',
                type: 'min'
            }, {
                name: '最大值',
                type: 'max'
            }]
        },
        markLine: {
            data: [{
                name: '平均值',
                type: 'average'
            }]
        }
    }]
};

数据系列series配置

type:系列类型

name:系列名称，用于tooltip的显示，legend 的图例筛选

symbol:标记的图形

label:图形上的文本标签（全局）

itemStyle:折线拐点标志的样式

lineStyle:线条样式

smooth:是否平滑曲线显示

data:系列中的数据内容数组。数组项通常为具体的数据项。

数据系列series常用类型

• line:折线/面积图
  

• bar:柱状/条形图

• pie:饼图

• scatter:散点（气泡）图

• effectScatter:带有涟漪特效动画的散点（气泡）图

• radar:雷达图

• treemap:树状数据 图

• map:地图
  

• lines:航线/路线图

• funnel:漏斗图
  

• gauge:仪表盘