class GraficoLinear->graficarLinhas() não está exibindo o gráfico, mas esta retornando html.
<?php
include '../PhpFastChartJs/GraficoLinear.class.php';
?>
<html>
<head>
<title>Gráfico Barra</title>
</head>
<body>
<?php
$rotulos = ['Fogo', 'Água', 'Terra', 'Ar'];
$dados1 = [60, 30, 30, 10];
$dados2 = [30, 60, 30, 6];
$dados = [$dados1, $dados2];
$linhas = ['linha 1', 'linha 2'];
$grafico = new GraficoLinear($rotulos, $dados, $linhas);
$grafico->graficarLinhas();
?>
<script src="js/chartjs/chart.min.js"></script>
</body>
</html><html>
<head>
<title>Gráfico Barra</title>
</head>
<body>
<div class="box-chart">
<canvas id="GraficoLine" style="width:100%;"></canvas>
<script type="text/javascript">
var options = {
responsive:true,
scaleShowLabels: true,
tooltipYPadding: 50,
tooltipXPadding: 50
};
var data = {
labels: ["Fogo", "Água", "Terra", "Ar"],
datasets: [
{
label: "linha 1",
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: ["60", "30", "30", "10"]
}
{
label: "linha 2",
fillColor: "rgba(51,102,255,0.2)",
strokeColor: "rgba(51,102,255,1)",
pointColor: "rgba(51,102,255,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(51,102,255,1)",
data: ["60", "30", "30", "10"]
}
]
};
window.onload = function(){
var ctx = document.getElementById("GraficoLine").getContext("2d");
var LineChart = new Chart(ctx).Line(data, options);
}
</script>
</div>
<script src="js/chartjs/chart.min.js"></script>
</body>
</html>
class GraficoLinear->graficarLinhas() não está exibindo o gráfico, mas esta retornando html.