扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
设计两个表,一个表保存项目和班次的信息并且有个关联字段,另一个表保存日期,a,b,c等信息并且有个关联字段。插入数据的时候,按照关联插入。查询的时候根据关联字段查询。
十余年的大兴安岭网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同,自动调整大兴安岭建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“大兴安岭网站设计”,“大兴安岭网站推广”以来,每个客户项目都认真落实执行。
获取到数据后,怎么显示出来网上有很多PHP例子,你可以搜搜,PHP 图表,你挑一个就行。
画坐标轴你可以插入一个excel的图表,然后把数据删除,设置一下xy轴的刻度单位。或者用word的绘图工具画好一个刻度之后复制、旋转、组合一下,不过没前一个方法方便。
左右都有的坐标轴,左边的是主坐标轴,右边的是次坐标轴
这个需要你绘制的图表中至少含有两条数据,比如数量和占比
然后选中一条数据,右键,设置数据系列格式,系列产生在,选次坐标轴即可
重点是一定要选择一条数据系列
?php
include ("src/jpgraph.php");
include ("src/jpgraph_line.php");
//将要用于图表创建的数据存放在数组中
$data = array(19,23,34,38,45,67,71,78,85,87,90,96);
$graph = new Graph(400,300); //创建新的Graph对象
$graph-SetScale("textlin"); //设置刻度样式
$graph-img-SetMargin(30,30,80,30); //设置图表边界
$graph-title-Set("Year to Date Cost"); //设置图表标题
// Create the linear plot
$lineplot=new LinePlot($data); // 创建新的LinePlot对象
$lineplot-SetLegend("Amount(M dollars)"); //设置图例文字
$lineplot-SetColor("red"); // 设置曲线的颜色
// Add the plot to the graph
$graph-Add($lineplot); //在统计图上绘制曲线
// Display the graph
$graph-Stroke(); //输出图像
?
pChart是一个开源的图表生成库,主要涉及3个Class: pChart.class , pData.class , pCache.class ,可生成20多种简单或复杂的图表,支持PNG,JPG,GIF通用图片格式。数据源可以来自于Database,CSV,当然也可以手写。使用该程序PHP需要开启GD服务,先来看看p
pChart是一个开源的图表生成库,主要涉及3个Class:, , ,可生成20多种简单或复杂的图表,支持PNG,JPG,GIF通用图片格式。数据源可以来自于Database,CSV,当然也可以手写。使用该程序PHP需要开启GD服务,先来看看pChart的工作流程:

主要分为三步:
* 读取用于生成图表数据(数据库、文件)
* 设计图表样式(圆角、底色等)
* 制作标签、题目、图例并生成图表
下面看一个简单的柱状图表:

代码如下:
?php // Standard inclusionsinclude("pChart/pData.class");
include("pChart/pChart.class");
// Dataset definition $DataSet = newpData;
//图表数据 $DataSet-AddPoint(array(1,4,-3,2,-3,3,2,1,0,7,4),"Serie1");
$DataSet-AddPoint(array(3,3,-4,1,-2,2,1,0,-1,6,3),"Serie2");
$DataSet-AddPoint(array(4,1,2,-1,-4,-2,3,2,1,2,2),"Serie3");
$DataSet-AddAllSeries();
$DataSet-SetAbsciseLabelSerie();
//数据图例 $DataSet-SetSerieName("Microsoft","Serie1");
$DataSet-SetSerieName("IBM","Serie2");
$DataSet-SetSerieName("Google","Serie3");
// Initialise the graph $Test = newpChart(700,230);
//设置图表尺寸、样式 $Test-setFontProperties("Fonts/tahoma.ttf",8);
$Test-setGraphArea(50,30,680,200);
$Test-drawFilledRoundedRectangle(7,7,693,223,5,240,240,240);
$Test-drawRoundedRectangle(5,5,695,225,5,230,230,230);
$Test-drawGraphArea(255,255,255,TRUE);
$Test-drawScale($DataSet-GetData(),$DataSet-GetDataDescription(),SCALE_NORMAL,150,150,150,TRUE,0,2,TRUE);
$Test-drawGrid(4,TRUE,230,230,230,50);
// Draw the 0 line $Test-setFontProperties("Fonts/MankSans.ttf",6);
$Test-drawTreshold(0,143,55,72,TRUE,TRUE);
// Draw the bar graph //柱状图要使用drawBarGraph() $Test-drawBarGraph($DataSet-GetData(),$DataSet-GetDataDescription(),TRUE,80);
// Finish the graph //制作图例、标题、字体等属性 $Test-setFontProperties("Fonts/MankSans.ttf",10);
$Test-drawLegend(596,150,$DataSet-GetDataDescription(),255,255,255);
$Test-setFontProperties("Fonts/MankSans.ttf",10);
$Test-drawTitle(50,22,"Example",50,50,50,585);
//生成图表 $imageFile ="example12.png";
$Test-Render($imageFile);
echo 'img src="'.$imageFile.'"'
一般都用js Highcharts,你想用php绘成图片?这个百度上php绘制图表就有了
Echarts-map.js :主要用来渲染跟地图相关
Echarts.js :基本的常规图形相关
Esl.js :图像引擎
Statics文件夹下的ECharts.js文件,为我自己抽象总结出来的用于Echarts的配置文件加载、数据处理、初始化各种图像类型的配置、图像渲染的一些方法。
2. 抽象之后的Echarts。
Echarts的使用归结为一下的几个步骤,同时这些步骤相应的实现对应到Statics文件夹下的Echarts.js,该文件的主要代码目录如下:
[javascript] view plaincopy
Var ECharts={
ChartConfig:function(container,option){ …..},//加载Echarts配置文件
ChartDataFormate:{….},//数据格式化
ChartOptionTemplates:{….},//初始化常用的图表类型
Charts:{ RenderChart:function(option){….},//渲染图表
RenderMap:function(option){…}//渲染地图
}
}; 更多问题到问题求助专区
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流