介绍 & lt; php ?//第一个数组购买产品
购买美元=阵列(10、15、19日0、5、7,0,0,12日,13日,10日1);//第二个数组为销售产品
出售美元=阵列(7、12、14日0、3、7,0,0,10日,7日,5 0);//数据绘制图表购买产品
点=美元阵列(
阵列(“label"=比;“Jan",“y"=比;购买美元[0]),
阵列(“label"=比;“Feb",“y"=比;购买美元[1]),
阵列(“label"=比;“March",“y"=比;购买美元[2]),
阵列(“label"=比;“April",“y"=比;购买美元[3]),
阵列(“label"=比;“May",“y"=比;购买美元[4]),
阵列(“label"=比;“Jun",“y"=比;购买美元[5]),
阵列(“label"=比;“July",“y"=比;购买美元[6]),
阵列(“label"=比;“Aug",“y"=比;购买美元[7]),
阵列(“label"=比;“Sep",“y"=比;购买美元[8]),
阵列(“label"=比;“Oct",“y"=比;购买美元[9]),
阵列(“label"=比;“Nov",“y"=比;购买美元[10]),
阵列(“label"=比;“Dec",“y"=比;购买美元[11])
);//产品销售数据绘制图表
$ dataPoints2=阵列(
阵列(“label"=比;“Jan",“y"=比;出售美元[0]),
阵列(“label"=比;“Feb",“y"=比;出售美元[1]),
阵列(“label"=比;“March",“y"=比;出售美元[2]),
阵列(“label"=比;“April",“y"=比;出售美元[3]),
阵列(“label"=比;“May",“y"=比;出售美元[4]),
阵列(“label"=比;“Jun",“y"=比;出售美元[5]),
阵列(“label"=比;“July",“y"=比;出售美元[6]),
阵列(“label"=比;“Aug",“y"=比;出售美元[7]),
阵列(“label"=比;“Sep",“y"=比;出售美元[8]),
阵列(“label"=比;“Oct",“y"=比;出售美元[9]),
阵列(“label"=比;“Nov",“y"=比;出售美元[10]),
阵列(“label"=比;“Dec",“y"=比;出售美元[11])
);
?在 & lt; !DOCTYPE HTML>
& lt; html>
& lt; head>
& lt;脚本src=癶ttps://canvasjs.com/assets/script/canvasjs.min.js"比;
& lt;/script>
& lt; script>
窗口。onload=function () {
var=new CanvasJS.Chart图表(“chartContainer", {
animationEnabled:没错,
标题:{
文字:“每月购买和出售Product"
},
axisY: {
标题:“Purchased",
titleFontColor:“# 4 f81bc"
lineColor:“# 4 f81bc"
labelFontColor:“# 4 f81bc"
tickColor:“# 4 f81bc"
},
axisY2: {
标题:“Sold",
titleFontColor:“# C0504E"
lineColor:“# C0504E"
labelFontColor:“# C0504E"
tickColor:“# C0504E"
},
提示:{
共享:真
},
传说:{
光标:“pointer"
itemclick: toggleDataSeries
},
数据:[{
类型:“column",
名称:“Purchased",
legendText:“Purchased"
showInLegend:没错,
点:& lt; ?php echo json_encode()美元据点,
JSON_NUMERIC_CHECK);比;
},
{
类型:“column",
名称:“Sold",
legendText:“Sold"
axisYType:“secondary"
showInLegend:没错,
点:& lt; ?php echo json_encode (dataPoints2美元,
JSON_NUMERIC_CHECK);比;
})
});
chart.render ();
函数toggleDataSeries (e) {
如果(typeof (e.dataSeries.visible)===皍ndefined"
| | e.dataSeries.visible) {
e.dataSeries。可见=false;
}
其他{
e.dataSeries。可见=true;
}
chart.render ();
}
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; p id=癱hartContainer"风格=案叨?300 px;宽度:100%;“祝辞& lt;/p>
& lt;/body>
& lt;/html>
今天就跟大家聊聊有关canvasJS在PHP中如何制作动态图表,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
<代码> canvasJS>
让我们以需要创建一个图表的示例为例,在该图表中我们可以显示每月销售和购买的产品。我们将考虑两个数组,我们也可以从数据库中考虑它们。一旦我们从数据库中获取数据并将其存储在数组中,它就可以使用canvasJS轻松绘制动态图形。
创建一个文件并将其保存在项目文件夹中。文件名<代码> chart_sample。php代码包含数组形式的数据,其中第一个数组代表购买的产品,第二个数组代表溶胶产品列表。现在,使用canvasJS绘制图形。
例如:
