huahuibao/app/admin/views/user/trend.php

<link rel="stylesheet" href="/css/xenon-components.css">

			<div class="row">
				<div class="col-sm-12">
				
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">近30天粉丝变化情况</h3>
							<div class="panel-options">
								<a href="#" data-toggle="panel">
									<span class="collapse-icon">&ndash;</span>
									<span class="expand-icon">+</span>
								</a>
								<a href="#" data-toggle="remove">
									&times;
								</a>
							</div>
						</div>
						<div class="panel-body">	
							<script type="text/javascript">
								jQuery(document).ready(function($)
								{
									var dataSource = [
<?php 
		if(isset($fans['list']) && !empty($fans['list'])){  foreach( $fans['list'] as $fansKey => $fansVal){ 
			echo "{ day: '{$fansKey}', fansNum: {$fansVal}},";	
		 }  }
?>
									];
									
									$("#fansNum").dxChart({
										dataSource: dataSource,
										commonSeriesSettings: {
											argumentField: "day"
										},
										series: [
											{ valueField: "fansNum", name: "粉丝变化数", color: "#40bbea" }
										],
										argumentAxis:{
											grid:{
												visible: true
											}
										},
										tooltip:{
											enabled: true
										},
										title: "",
										legend: {
											verticalAlignment: "bottom",
											horizontalAlignment: "center"
										},
										commonPaneSettings: {
											border:{
												visible: true,
												right: false
											}	   
										}
									});
								});
							</script>
							<div id="fansNum" style="height: 400px; width: 100%;"></div>
						</div>
					</div>
						
				</div>
			</div>
			

<!-- footer -->
<?php 
use backend\widgets\FooterWidget;
?>
<?= FooterWidget::widget() ?>
<!-- footer -->
<script src="/js/chart/globalize.min.js"></script>
<script src="/js/chart/dx.chartjs.js"></script>