ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your commercial products. On the foundation of ZRender-based (a whole new lightweight canvas library) coordinate system, legend, tooltip, toolbox and other basic components, ECharts currently supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart.

ECharts 是一个提供商业产品常用图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图,同时支持任意维度的堆积和多图表混合展现。

Official website :

How to use

    $settings['echart']['chartTwo'] = array(
    'chartType' => 'map',
    'useType' => array('map'),
    'containerId' =>  'map_chart',
    'options' => array(
      'tooltip' => array('trigger' => 'item', 'formatter' => '{b}'),    
      'series' => array(
          'name' => "China",
          'type' => 'map',
          'mapType' => 'china',
          'selectedMode' => 'multiple',
          'itemStyle' => array('normal' => array('label' => array('show' => TRUE), 'emphasis' => array('show' => TRUE))),
          'data' => array(array('name' => '广东', 'selected' => TRUE))

  // render it.
  return render_echarts($settings);

check the echarts example module for full example

Project information