var EXAMPLES = [
    {
        id: 'area-rainfall',
        title: '雨量流量关系图',
        type: 'line'
    },  {
        id: 'area-simple',
        title: '大数据量面积图',
        type: 'line'
    },  {
        id: 'area-stack',
        title: '堆叠区域图',
        type: 'line'
    },  {
        id: 'bar-animation-delay',
        title: '柱状图动画延迟',
        type: 'bar'
    },  {
        id: 'bar-brush',
        title: '柱状图框选',
        type: 'bar'
    },  {
        id: 'bar-gradient',
        title: '特性示例：渐变色 阴影 点击缩放',
        type: 'bar'
    },  {
        id: 'bar-negative',
        title: '正负条形图',
        type: 'bar'
    },  {
        id: 'bar-negative2',
        title: '交错正负轴标签',
        type: 'bar'
    },  {
        id: 'bar-stack',
        title: '堆叠柱状图',
        type: 'bar'
    },  {
        id: 'bar-tick-align',
        title: '坐标轴刻度与标签对齐',
        type: 'bar'
    },  {
        id: 'bar-waterfall',
        title: '深圳月最低生活费组成（单位:元）',
        type: 'bar'
    },  {
        id: 'bar-waterfall2',
        title: '阶梯瀑布图',
        type: 'bar'
    },  {
        id: 'bar-y-category-stack',
        title: '堆叠条形图',
        type: 'bar'
    },  {
        id: 'bar-y-category',
        title: '世界人口总量 - 条形图',
        type: 'bar'
    },  {
        id: 'bar1',
        title: '某地区蒸发量和降水量',
        type: 'bar'
    },  {
        id: 'bar-polar-stack',
        title: 'Stacked Bar in Polar System',
        type: 'bar'
    },  {
        id: 'bar-polar-stack-radial',
        title: 'Stacked Bar in Polar System',
        type: 'bar'
    },  {
        id: 'bar-polar-real-estate',
        title: '在中国租个房子有多贵',
        type: 'bar'
    },  {
        id: 'bar-label-rotation',
        title: '标签旋转',
        type: 'bar'
    },  {
        id: 'bar-rich-text',
        title: '富文本标签',
        type: 'bar'
    },  {
        id: 'boxplot-light-velocity',
        title: 'Boxplot Light Velocity',
        type: 'boxplot'
    },  {
        id: 'boxplot-light-velocity2',
        title: 'Boxplot Light Velocity2',
        type: 'boxplot'
    },  {
        id: 'boxplot-multi',
        title: 'Multiple Categories',
        type: 'boxplot'
    },  {
        id: 'bubble-gradient',
        title: '气泡图',
        type: 'scatter'
    },  {
        id: 'candlestick-brush',
        title: 'Candlestick Brush',
        type: 'candlestick'
    },  {
        id: 'candlestick-sh-2015',
        title: '2015 年上证指数',
        type: 'candlestick'
    },  {
        id: 'candlestick-sh',
        title: '上证指数',
        type: 'candlestick'
    },  {
        id: 'candlestick-touch',
        title: '触屏上的坐标轴指示器',
        type: 'candlestick'
    },  {
        id: 'custom-ohlc',
        title: 'OHLC Chart',
        type: 'candlestick'
    },  {
        id: 'confidence-band',
        title: 'Confidence Band',
        type: 'line'
    },  {
        id: 'dynamic-data',
        title: '动态数据',
        type: 'bar'
    },  {
        id: 'dynamic-data2',
        title: '动态数据 + 时间坐标轴',
        type: 'line'
    },  {
        id: 'effectScatter-bmap',
        title: '全国主要城市空气质量 - 百度地图',
        type: 'scatter'
    // },  {
    //     id: 'effectScatter-map',
    //     title: '全国主要城市空气质量',
    //     type: 'scatter'
    },  {
        id: 'funnel-align',
        title: '漏斗图(对比)',
        type: 'funnel'
    },  {
        id: 'funnel-customize',
        title: '漏斗图',
        type: 'funnel'
    },  {
        id: 'funnel-mutiple',
        title: '漏斗图',
        type: 'funnel'
    },  {
        id: 'funnel',
        title: '漏斗图',
        type: 'funnel'
    },  {
        id: 'gauge-car-dark',
        title: 'Gauge Car Dark',
        type: 'gauge'
    },  {
        id: 'gauge-car',
        title: 'Gauge Car',
        type: 'gauge'
    },  {
        id: 'gauge',
        title: 'Gauge',
        type: 'gauge'
    // },  {
    //     id: 'geo-lines',
    //     title: '模拟迁徙',
    //     type: 'map'
    },  {
        id: 'graph-circular-layout',
        title: 'Les Miserables',
        type: 'graph'
    },  {
        id: 'graph-force',
        title: '力引导布局',
        type: 'graph'
    },  {
        id: 'graph-force2',
        title: '力引导布局',
        type: 'graph'
    },  {
        id: 'graph-grid',
        title: '笛卡尔坐标系上的 Graph',
        type: 'graph'
    },  {
        id: 'graph-life-expectancy',
        title: 'Graph Life Expectancy',
        type: 'graph'
    },  {
        id: 'graph-npm',
        title: 'NPM Dependencies',
        type: 'graph'
    },  {
        id: 'graph-simple',
        title: 'Graph 简单示例',
        type: 'graph'
    },  {
        id: 'graph-webkit-dep',
        title: 'Graph Webkit Dep',
        type: 'graph'
    },  {
        id: 'graph',
        title: 'Les Miserables',
        type: 'graph'
    },  {
        id: 'graph-force-dynamic',
        title: '动态增加图节点',
        type: 'graph'
    },  {
        id: 'grid-multiple',
        title: '雨量流量关系图',
        type: 'line'
    },  {
        id: 'heatmap-bmap',
        title: '热力图与百度地图扩展',
        type: 'heatmap'
    },  {
        id: 'heatmap-cartesian',
        title: '笛卡尔坐标系上的热力图',
        type: 'heatmap'
    },  {
        id: 'heatmap-large-piecewise',
        title: '热力图 - 颜色的离散映射',
        type: 'heatmap'
    },  {
        id: 'heatmap-large',
        title: '热力图 - 2w 数据',
        type: 'heatmap'
    // },  {
    //     id: 'heatmap-map',
    //     title: '全国主要城市空气质量',
    //     type: 'heatmap'
    },  {
        id: 'line-aqi',
        title: 'Beijing AQI',
        type: 'line'
    },  {
        id: 'line-draggable',
        title: 'Try Dragging these Points',
        type: 'line'
    },  {
        id: 'line-easing',
        title: 'Line Easing',
        type: 'line'
    },  {
        id: 'line-log',
        title: '对数轴示例',
        type: 'line'
    },  {
        id: 'line-marker',
        title: '未来一周气温变化',
        type: 'line'
    },  {
        id: 'line-pen',
        title: 'Click to Add Points',
        type: 'line'
    },  {
        id: 'line-polar',
        title: '极坐标双数值轴',
        type: 'line'
    },  {
        id: 'line-polar2',
        title: '极坐标双数值轴',
        type: 'line'
    },  {
        id: 'line-sections',
        title: '一天用电量分布',
        type: 'line'
    },  {
        id: 'line-stack',
        title: '折线图堆叠',
        type: 'line'
    },  {
        id: 'line-step',
        title: 'Step Line',
        type: 'line'
    },  {
        id: 'line-y-category',
        title: 'Line Y Category',
        type: 'line'
    },  {
        id: 'multiple-x-axis',
        title: 'Multiple X Axes',
        type: 'line'
    },  {
        id: 'line-tooltip-touch',
        title: 'Tooltip and DataZoom on Mobile',
        type: 'line'
    },  {
        id: 'line-gradient',
        title: '折线图的渐变',
        type: 'line'
    // },  {
    //     id: 'lines-airline',
    //     title: '65k+ 飞机航线',
    //     type: 'map'
    },  {
        id: 'lines-bmap-bus',
        title: '北京公交路线 - 百度地图',
        type: 'map'
    },  {
        id: 'lines-bmap-effect',
        title: '北京公交路线 - 线特效',
        type: 'map'
    },  {
        id: 'lines-bmap',
        title: '杭州热门步行路线 - 百度地图',
        type: 'map'
    // },  {
    //     id: 'map-china-dataRange',
    //     title: 'iphone销量',
    //     type: 'map'
    // },  {
    //     id: 'map-china',
    //     title: 'Map China',
    //     type: 'map'
    // },  {
    //     id: 'map-HK',
    //     title: '香港18区人口密度 （2011）',
    //     type: 'map'
    // },  {
    //     id: 'map-locate',
    //     title: 'Map Locate',
    //     type: 'map'
    // },  {
    //     id: 'geo-map-scatter',
    //     title: 'map and scatter share a geo',
    //     type: 'map'
    // },  {
    //     id: 'map-parallel-prices',
    //     title: 'Prices and Earnings 2012',
    //     type: 'scatter'
    // },  {
    //     id: 'map-province',
    //     title: '34 省切换查看',
    //     type: 'map'
    // },  {
    //     id: 'map-usa',
    //     title: 'USA Population Estimates (2012)',
    //     type: 'map'
    // },  {
    //     id: 'map-world-dataRange',
    //     title: 'World Population (2010)',
    //     type: 'map'
    // },  {
    //     id: 'map-world',
    //     title: 'Map World',
    //     type: 'map'
    },  {
        id: 'map-polygon',
        title: '在地图上绘制多边形',
        type: 'map'
    },  {
        id: 'map-bin',
        title: 'Binning on Map',
        type: 'map'
    // },  {
    //     id: 'map-labels',
    //     title: '地图上的富文本标签',
    //     type: 'map'
    },  {
        id: 'mix-line-bar',
        title: '折柱混合',
        type: 'bar'
    },  {
        id: 'mix-timeline-finance',
        title: '2002全国宏观经济指标',
        type: 'bar'
    },  {
        id: 'mix-zoom-on-value',
        title: 'Mix Zoom On Value',
        type: 'bar'
    },  {
        id: 'multiple-y-axis',
        title: '多 Y 轴示例',
        type: 'bar'
    },  {
        id: 'parallel-aqi',
        title: 'Parallel Aqi',
        type: 'parallel'
    },  {
        id: 'parallel-nutrients',
        title: 'Parallel Nutrients',
        type: 'parallel'
    // },  {
    //     id: 'map-parallel-prices',
    //     title: 'Prices and Earnings 2012',
    //     type: 'parallel'
    },  {
        id: 'pie-custom',
        title: 'Customized Pie',
        type: 'pie'
    },  {
        id: 'pie-doughnut',
        title: '环形图',
        type: 'pie'
    },  {
        id: 'pie-nest',
        title: '嵌套环形图',
        type: 'pie'
    },  {
        id: 'pie-pattern',
        title: '饼图纹理',
        type: 'pie'
    },  {
        id: 'pie-roseType',
        title: '南丁格尔玫瑰图',
        type: 'pie'
    },  {
        id: 'pie-simple',
        title: '某站点用户访问来源',
        type: 'pie'
    },  {
        id: 'pie-rich-text',
        title: '富文本标签',
        type: 'pie'
    },  {
        id: 'pie-legend',
        title: '可滚动的图例',
        type: 'pie'
    },  {
        id: 'radar-aqi',
        title: 'AQI - 雷达图',
        type: 'radar'
    },  {
        id: 'radar-custom',
        title: '自定义雷达图',
        type: 'radar'
    },  {
        id: 'radar-multiple',
        title: '多雷达图',
        type: 'radar'
    },  {
        id: 'radar',
        title: '基础雷达图',
        type: 'radar'
    },  {
        id: 'radar2',
        title: '浏览器占比变化',
        type: 'radar'
    },  {
        id: 'sankey-energy',
        title: 'Sankey Diagram',
        type: 'sankey'
    },  {
        id: 'sankey-product',
        title: 'Sankey Diagram',
        type: 'sankey'
    },  {
        id: 'scatter-anscombe-quartet',
        title: 'Anscombe&#39;s quartet',
        type: 'scatter'
    },  {
        id: 'scatter-aqi-color',
        title: 'Scatter Aqi Color',
        type: 'scatter'
    },  {
        id: 'scatter-large',
        title: '大规模散点图',
        type: 'scatter'
    },  {
        id: 'scatter-life-expectancy-timeline',
        title: '各国人均寿命与GDP关系演变',
        type: 'scatter'
    // },  {
    //     id: 'scatter-map-brush',
    //     title: 'Scatter Map Brush',
    //     type: 'scatter'
    // },  {
    //     id: 'scatter-map',
    //     title: '全国主要城市空气质量',
    //     type: 'scatter'
    },  {
        id: 'scatter-matrix',
        title: 'Scatter Matrix',
        type: 'parallel'
    },  {
        id: 'scatter-nutrients',
        title: 'Scatter Nutrients',
        type: 'scatter'
    },  {
        id: 'scatter-painter-choice',
        title: 'Master Painter Color Choices Throughout History',
        type: 'scatter'
    },  {
        id: 'scatter-polar-punchCard',
        title: 'Punch Card of Github',
        type: 'scatter'
    },  {
        id: 'scatter-punchCard',
        title: 'Punch Card of Github',
        type: 'scatter'
    },  {
        id: 'scatter-single-axis',
        title: '单轴散点图',
        type: 'scatter'
    // },  {
    //     id: 'scatter-weibo',
    //     title: '微博签到数据点亮中国',
    //     type: 'scatter'
    },  {
        id: 'scatter-weight',
        title: '男性女性身高体重分布',
        type: 'scatter'
    // },  {
    //     id: 'scatter-world-population',
    //     title: 'World Population (2011)',
    //     type: 'scatter'
    },  {
        id: 'scatter-nutrients-matrix',
        title: 'Scatter Nutrients Matrix',
        type: 'scatter'
    },  {
        id: 'scatter-clustering-process',
        title: 'Clustering Process',
        type: 'scatter'
    },  {
        id: 'scatter-linear-regression',
        title: 'Linear Regression',
        type: 'scatter'
    },  {
        id: 'scatter-exponential-regression',
        title: 'Exponential Regression',
        type: 'scatter'
    },  {
        id: 'scatter-logarithmic-regression',
        title: 'Logarithmic Regression',
        type: 'scatter'
    },  {
        id: 'scatter-polynomial-regression',
        title: 'Polynomial Regression',
        type: 'scatter'
    }, {
        id: 'tree-basic',
        title: '横向树状图',
        type: 'tree'
    }, {
        id: 'tree-vertical',
        title: '纵向树状图',
        type: 'tree'
    }, {
        id: 'tree-legend',
        title: '多棵树',
        type: 'tree'
    }, {
        id: 'tree-radial',
        title: '径向树状图',
        type: 'tree'
    },  {
        id: 'treemap-disk',
        title: 'Disk Usage',
        type: 'treemap'
    },  {
        id: 'treemap-drill-down',
        title: 'ECharts 配置项查询分布',
        type: 'treemap'
    },  {
        id: 'treemap-obama',
        title: 'How $3.7 Trillion is Spent',
        type: 'treemap'
    },  {
        id: 'treemap-visual',
        title: 'Gradient Mapping',
        type: 'treemap'
    },  {
        id: 'treemap-show-parent',
        title: 'Show Parent Labels',
        type: 'treemap'
    },  {
        id: 'watermark',
        title: '水印 - ECharts 下载统计',
        type: 'bar'
    }, {
        id: 'bar-histogram',
        title: 'Histogram',
        type: 'bar'
    }, {
        id: 'pictorialBar-hill',
        title: '圣诞愿望清单和山峰高度',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-velocity',
        title: '驯鹿的速度',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-vehicle',
        title: '交通工具',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-spirit',
        title: '精灵',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-body-fill',
        title: '人体含水量',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-dotted',
        title: '虚线柱状图效果',
        type: 'pictorialBar'
    }, {
        id: 'pictorialBar-forest',
        title: '森林的增长',
        type: 'pictorialBar'
    }, {
        id: 'themeRiver-basic',
        title: '主题河流图',
        type: 'themeRiver'
    }, {
        id: 'themeRiver-lastfm',
        title: 'ThemeRiver Lastfm',
        type: 'themeRiver'
    }, {
        id: 'calendar-graph',
        title: 'Calendar Graph',
        type: 'graph'
    }, {
        id: 'calendar-pie',
        title: 'Calendar Pie',
        type: 'calendar'
    }, {
        id: 'calendar-effectscatter',
        title: 'Calendar Effectscatter',
        type: 'scatter'
    }, {
        id: 'calendar-vertical',
        title: 'Calendar Heatmap Vertical',
        type: 'heatmap'
    }, {
        id: 'calendar-horizontal',
        title: 'Calendar Heatmap Horizontal',
        type: 'heatmap'
    }, {
        id: 'calendar-effectscatter',
        title: 'Calendar Effectscatter',
        type: 'calendar'
    }, {
        id: 'calendar-vertical',
        title: 'Calendar Heatmap Vertical',
        type: 'calendar'
    }, {
        id: 'calendar-horizontal',
        title: 'Calendar Heatmap Horizontal',
        type: 'calendar'
    }, {
        id: 'calendar-charts',
        title: 'Calendar Charts',
        type: 'calendar'
    }, {
        id: 'calendar-lunar',
        title: 'Calendar Lunar',
        type: 'calendar'
    }, {
        id: 'custom-profile',
        title: 'Profile',
        type: 'custom'
    }, {
        id: 'custom-error-bar',
        title: 'Error Bar on Catesian',
        type: 'custom'
    }, {
        id: 'custom-error-scatter',
        title: 'Error Scatter on Catesian',
        type: 'custom'
    }, {
        id: 'custom-bar-trend',
        title: 'Custom Bar Trend',
        type: 'custom'
    }, {
        id: 'custom-polar-heatmap',
        title: 'Polar Heatmap',
        type: 'custom'
    }, {
        id: 'custom-profit',
        title: 'Profit',
        type: 'custom'
    }, {
        id: 'custom-calendar-icon',
        title: 'Custom Calendar Icon',
        type: 'custom'
    }, {
        id: 'custom-hexbin',
        title: 'Hexagonal Binning',
        type: 'custom'
    }, {
        id: 'wind-barb',
        title: '风向图',
        type: 'custom'
    }, {
        id: 'cycle-plot',
        title: 'Cycle Plot',
        type: 'custom'
    }
];

var CHART_TYPES = {
    line: '折线图',
    bar: '柱状图',
    pie: '饼图',
    scatter: '散点图',
    map: '地图',
    candlestick: 'k线图',
    radar: '雷达图',
    boxplot: '箱线图',
    heatmap: '热力图',
    graph: '关系图',
    tree: '树图',
    treemap: '矩形树图',
    parallel: '平行坐标',
    sankey: '桑基图',
    funnel: '漏斗图',
    gauge: '仪表盘',
    pictorialBar: '象形柱图',
    themeRiver: '主题河流图',
    calendar: '日历图',
    custom: '自定义系列'
};