Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daixianceng/yii2-echarts
ECharts widget for Yii2.
https://github.com/daixianceng/yii2-echarts
yii2-echarts
Last synced: 2 months ago
JSON representation
ECharts widget for Yii2.
- Host: GitHub
- URL: https://github.com/daixianceng/yii2-echarts
- Owner: daixianceng
- License: bsd-3-clause
- Created: 2016-03-22T10:39:35.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-04-14T02:02:30.000Z (over 4 years ago)
- Last Synced: 2024-10-01T19:11:41.463Z (3 months ago)
- Topics: yii2-echarts
- Language: PHP
- Homepage:
- Size: 16.6 KB
- Stars: 69
- Watchers: 8
- Forks: 19
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-yii2 - yii2-echarts
README
yii2-echarts
============
[](https://packagist.org/packages/daixianceng/yii2-echarts) [](https://packagist.org/packages/daixianceng/yii2-echarts) [](https://packagist.org/packages/daixianceng/yii2-echarts) [](https://packagist.org/packages/daixianceng/yii2-echarts)
ECharts widget for Yii2.
See the [echarts project](https://github.com/ecomfe/echarts) for details.
## Installation
The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
Either run
```
php composer.phar require --prefer-dist daixianceng/yii2-echarts "*"
```
or add
```
"daixianceng/yii2-echarts": "*"
```
to the require section of your `composer.json` file.
## Usage
### Example
```php
= ECharts::widget([
'responsive' => true,
'options' => [
'style' => 'height: 400px;'
],
'pluginEvents' => [
'click' => [
new JsExpression('function (params) {console.log(params)}'),
new JsExpression('function (params) {console.log("ok")}')
],
'legendselectchanged' => new JsExpression('function (params) {console.log(params.selected)}')
],
'pluginOptions' => [
'option' => [
'title' => [
'text' => '折线图堆叠'
],
'tooltip' => [
'trigger' => 'axis'
],
'legend' => [
'data' => ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
],
'grid' => [
'left' => '3%',
'right' => '4%',
'bottom' => '3%',
'containLabel' => true
],
'toolbox' => [
'feature' => [
'saveAsImage' => []
]
],
'xAxis' => [
'name' => '日期',
'type' => 'category',
'boundaryGap' => false,
'data' => ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
],
'yAxis' => [
'type' => 'value'
],
'series' => [
[
'name' => '邮件营销',
'type' => 'line',
'stack' => '总量',
'data' => [120, 132, 101, 134, 90, 230, 210]
],
[
'name' => '联盟广告',
'type' => 'line',
'stack' => '总量',
'data' => [220, 182, 191, 234, 290, 330, 310]
],
[
'name' => '视频广告',
'type' => 'line',
'stack' => '总量',
'data' => [150, 232, 201, 154, 190, 330, 410]
],
[
'name' => '直接访问',
'type' => 'line',
'stack' => '总量',
'data' => [320, 332, 301, 334, 390, 330, 320]
],
[
'name' => '搜索引擎',
'type' => 'line',
'stack' => '总量',
'data' => [820, 932, 901, 934, 1290, 1330, 1320]
]
]
]
]
]); ?>
```
### Using themes
```php
= ECharts::widget([
'theme' => 'dark',
'responsive' => true,
'options' => [
'style' => 'height: 400px;'
],
'pluginOptions' => [
'option' => []
]
]); ?>
```
### Using maps
```php
= ECharts::widget([
'responsive' => true,
'options' => [
'style' => 'height: 400px;'
],
'pluginOptions' => [
'option' => [
'series' => [
[
'name' => 'China map',
'type' => 'map',
'map' => 'china',
'data' => [
['name' => '广东', 'selected' => true]
]
]
]
]
]
]); ?>
= ECharts::widget([
'responsive' => true,
'options' => [
'style' => 'height: 400px;'
],
'pluginOptions' => [
'option' => [
'geo' => [
'map' => '北京'
]
]
]
]); ?>
```
### Configure CDN
```php
[
'assetManager' => [
'class' => 'yii\web\AssetManager',
'bundles' => [
'daixianceng\echarts\EChartsAsset' => [
'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/[email protected]/dist'
]
],
],
],
];
?>
```
## License
**yii2-echarts** is released under the BSD-3-Clause License. See the bundled `LICENSE` for details.