php에 c3.js등록
본문
php에 c3.js출력이안됩니다..
도와주세요..
맨윗 echo부분
echo '<link href="./path1/c3-0.6.6/c3.css" rel="stylesheet">';
echo '<script src="./path1/c3-0.6.6/d3.v5.min.js" charset="utf-8"></script>';
echo'<script src="./path1/c3-0.6.6/c3.min.js"></script>'
출력부분
<b> c3</b>
<div id="piechart"> </div>
<script type="text/javascript">
var pieData = {
사과: 500,
호두: 200,
블루베리: 666,
치즈: 54,
딸기: 120
};
var chartDonut = c3.generate({
bindto: "#piechart",
data: {
json: [pieData],
keys: {
value: Object.keys(pieData),
},
type: "donut",
},
donut: {
title: "파이의 종류",
},
});
var chartDonutColors = chartDonut.data.colors();
$("#text-apple").css("color", chartDonutColors["사과"]);
$("#text-walnut").css("color", chartDonutColors["호두"]);
$("#text-berry").css("color", chartDonutColors["블루베리"]);
$("#text-cheese").css("color", chartDonutColors["치즈"]);
$("#text-strawberry").css("color", chartDonutColors["딸기"]);
<script>
var chart = c3.generate({
bindto: "#linechart",
data: {
json: [
{result_value:1.026653, calc_value:1},{result_value:1.030348, calc_value:0}
],
keys: {
value: ['result_value','calc_value']
}
},
axis: {
x: {
type: 'category',
show: false,
categories: [
'2017-10-31','2017-11-01','2017-11-02','2017-11-03'
]
}
}
});
</script>
왜출력이안되는지 모르겠씁니다 ㅠ