<?php
/**
* Created by Hisune.
* User: hi@hisune.com
* Date: 2015/7/3
* Time: 18:26
*/
header('Content-Type: text/html; charset=utf-8');
require 'vendor/autoload.php';
use Hisune\EchartsPHP\ECharts;
$chart = new ECharts();
$chart->tooltip->trigger = 'axis';
$chart->legend->data = array('蒸发量', '降水量', '最低气温', '最高气温');
$chart->toolbox = array('show' => true, 'feature' => array('mark' => array('show' => true), 'dataView' => array('show' => true), 'magicType' => array('show' => true, 'type' => array('line', 'bar')), 'restore' => array('show' => true), 'saveAsImage' => array('show' => true)));
$chart->xAxis[] = array('type' => 'category', 'position' => 'bottom', 'boundaryGap' => true, 'axisLine' => array('show' => true, 'lineStyle' => array('color' => 'green', 'type' => 'solid', 'width' => 2)), 'axisTick' => array('show' => true, 'length' => 10, 'lineStyle' => array('color' => 'red', 'type' => 'solid', 'width' => 2)), 'axisLabel' => array('show' => true, 'interval' => 'auto', 'rotate' => 45, 'margin' => 8, 'formatter' => '{value}月', 'textStyle' => array('color' => 'blue', 'fontFamily' => 'sans-serif', 'fontSize' => 15, 'fontStyle' => 'italic', 'fontWeight' => 'bold')), 'splitLine' => array('show' => true, 'lineStyle' => array('color' => '#483d8b', 'type' => 'dashed', 'width' => 1)), 'splitArea' => array('show' => true, 'areaStyle' => array('color' => array('rgba(144,238,144,0.3)', 'rgba(135,200,250,0.3)'))), 'data' => array('1', '2', '3', '4', '5', array('value' => '6', 'textStyle' => array('color' => 'red', 'fontSize' => 30, 'fontStyle' => 'normal', 'fontWeight' => 'bold')), '7', '8', '9', '10', '11', '12'));
$chart->xAxis[] = array('type' => 'category', 'data' => array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'));
$chart->yAxis[] = array('type' => 'value', 'position' => 'left', 'boundaryGap' => array(0, 0.1), 'axisLine' => array('show' => true, 'lineStyle' => array('color' => 'red', 'type' => 'dashed', 'width' => 2)), 'axisTick' => array('show' => true, 'length' => 10, 'lineStyle' => array('color' => 'green', 'type' => 'solid', 'width' => 2)), 'axisLabel' => array('show' => true, 'interval' => 'auto', 'rotate' => -45, 'margin' => 18, 'formatter' => '{value} ml', 'textStyle' => array('color' => '#1e90ff', 'fontFamily' => 'verdana', 'fontSize' => 10, 'fontStyle' => 'normal', 'fontWeight' => 'bold')), 'splitLine' => array('show' => true, 'lineStyle' => array('color' => '#483d8b', 'type' => 'dotted', 'width' => 2)), 'splitArea' => array('show' => true, 'areaStyle' => array('color' => array('rgba(205,92,92,0.3)', 'rgba(255,215,0,0.3)'))));
$chart->yAxis[] = array('type' => 'value', 'splitNumber' => 10, 'axisLabel' => array('formatter' => "\n function (value)\n {\n return value + ' °C'\n }\n "), 'splitLine' => array('show' => true));
$chart->series[] = array('name' => '蒸发量', 'type' => 'bar', 'data' => array(2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3));
$chart->series[] = array('name' => '降水量', 'type' => 'bar', 'data' => array(2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3));
$chart->series[] = array('name' => '最低气温', 'type' => 'line', 'yAxisIndex' => 1, 'data' => array(2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2));
$chart->series[] = array('name' => '最高气温', 'type' => 'line', 'yAxisIndex' => 1, 'data' => array(12.0, 12.2, 13.3, 14.5, 16.3, 18.2, 28.3, 33.4, 31.0, 24.5, 18.0, 16.2));
echo $chart->render('advance-custom-id');
<?php
/**
* Created by PhpStorm.
* User: youth
* Date: 16-1-2
* Time: 下午8:07
*/
use app\assets\EchartsAsset;
use Hisune\EchartsPHP\ECharts;
use yii\helpers\Html;
$this->title = '销售趋势图';
$this->params['breadcrumbs'][] = $this->title;
$asset = EchartsAsset::register($this);
$chart = new ECharts();
$chart->tooltip->show = true;
$chart->color = array();
$chart->legend->data = array('销售量柱状', '销售量折线');
$chart->calculable = true;
$chart->xAxis = array(array('type' => 'category', 'data' => array_keys($list)));
$chart->yAxis = array(array('type' => 'value', 'name' => '销售额', 'max' => 50000, 'splitNumber' => 10, 'axisLabel' => array('formatter' => '{value} 元')));
$chart->series = array(array('name' => '销售量柱状', 'type' => 'bar', 'data' => array_values($list)), array('name' => '销售量折线', 'type' => 'line', 'data' => array_values($list)));
echo $chart->render('main');
$this->beginPage();
?>
<!DOCTYPE html>
<html lang="<?php
echo Yii::$app->language;
?>
">
<head>
<?php
/**
* Created by Hisune.
* User: hi@hisune.com
* Date: 2015/7/3
* Time: 18:24
*/
header('Content-Type: text/html; charset=utf-8');
require 'vendor/autoload.php';
use Hisune\EchartsPHP\ECharts;
$chart = new ECharts();
$chart->tooltip->show = true;
$chart->legend->data[] = '销量';
$chart->xAxis[] = array('type' => 'category', 'data' => array("衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"));
$chart->yAxis[] = array('type' => 'value');
$chart->series[] = array('name' => '销量', 'type' => 'bar', 'data' => array(5, 20, 40, 10, 10, 20));
echo $chart->render('simple-custom-id');
