<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ออกแบบกราฟของคุณ</title>
<meta name="description" content="เว็บไซต์แนะนำเกี่ยวกับนายวินัย บุตรศาสตร์">
<meta name="keywords" content="Nize portfolio template">
<meta name="author" content="Nize">
<!-- Favicons
================================================== -->
<link rel="icon" href="../img/icon/icon.png">
<link href="../asset/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="../asset/css/round-about.css">
<style>
img.preview {
display: block;
margin: 0 auto;
width: 20px;
}
div.box {
margin-left: 30px;
margin-right: 30px;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="graph.html">Easy Graph</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">หน้าหลัก
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="modal" data-target="#about">เกี่ยวกับ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-toggle="modal" data-target="#contact">ติดต่อผู้พัฒนา</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../profile.html" target="_blank">โปรไฟล์ผู้พัฒนา</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Modal -->
<div>
<!-- Modal About-->
<div class="modal fade" id="about" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"></button>
<h4 class="modal-title">Easy Graph</h4>
</div>
<div class="modal-body">
<p>
<b>Easy Graph</b> คือโปรแกรมที่จะทำให้คุณสร้างสรรค์กราฟในแนวที่คุณชอบ สไตล์คุณต้องการ ซึ่งจุดเด่นของโปรแกรมคือความง่ายในการใช้งาน
<br> ใครเคยใช้ Microsoft Word, Microsoft Excel, Microsoft PowerPoint ลืมไปได้เลย แม้แต่เด็กประถมยังออกแบบกราฟผ่านโปรแกรมนี้ได้
ที่สำคัญผมยังเปิดให้ทุกคนใช้งานได้
<b style="color:red">ฟรี!!</b> ไม่มีค่าใช้จ่ายใดๆทั้งสิ้น
<br> เจ๋งป่ะหล่ะ >> ช้าอยู่ใย ลุยเลยสิ
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>
</div>
</div>
</div>
</div>
<!-- Modal Contact-->
<div class="modal fade" id="contact" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"></button>
<h4 class="modal-title">สวัสดีจ้าา</h4>
</div>
<div class="modal-body">
<p>
<b>ผมคือใครนะหรอ??</b> ผมชื่อ
<b>นัย</b> ครับ ผมเป็น.. คนหน้าตาดี ที่อยากพัฒนาโปรแกรมนี้ขึ้นมาให้ทุกคนใช้กันแบบง่ายๆ ยังไงหล่ะ
จะว่าไปโปรแกรมนี้ผมก็แจกฟรีนะ แต่เชื่อไหม คุณจะได้บุญถ้าคุณโอนเงินเป็นค่าเบียร์ให้ผม
<br>หมายเลขพร้อมเพย์
<b>085-2170037</b> นะ นะ นะ อยากดริ้งค์
<br>
<br> -_- ขอโทษที่เสียมารยาทครับ สำหรับใครที่ต้องการติดต่องาน หรืออยากเชิญชวนผมไปร่วมงานด้วย
ติดต่อผมผ่านทางอีเมลล์
<b>winai.bu.58@ubu.ac.th </b>ผมจะรีบตอบกลับอย่าง Fast9 เลยครับ
<br> ดูโปรไฟล์ฉบับเต็มของผมได้ที่
<a href="../profile.html" target="blank">โปรไฟล์ผู้พัฒนา</a>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content -->
<div class="box">
<div class="row">
<div class="col-lg-4">
<h3 class="my-4" style="color: #00bf9a; ">
<b>เลือกกราฟแล้วเริ่มสร้างเลย</b>
</h3>
<div class="list-group">
<a href="graph01.html" class="list-group-item ">กราฟน่าสนใจ (Overview)</a>
<a href="graph02.html" class="list-group-item ">กราฟเส้น (Line-Spline-Step-Line-Charts)</a>
<a href="graph03.html" class="list-group-item">กราฟพื้นที่ (Stacked-Spline-Range-Area-Charts)</a>
<a href="graph04.html" class="list-group-item">กราฟแท่ง (Column-Stacked-Range-Waterfall-Charts)</a>
<a href="graph05.html" class="list-group-item">กราฟวงกลม โดนัทและพีระมิด (Pie-Doughnut-Funnel-Pyramid-Charts)</a>
<a href="graph06.html" class="list-group-item active">กราฟแท่งเทียน (Candlestick-Ohlc-Charts)</a>
<a href="graph07.html" class="list-group-item">แผนภูมิกระจายแบบฟองสบู่ (Scatter-Bubble-Charts)</a>
<a href="graph08.html" class="list-group-item">แผนภาพกล่อง (Box-And-Whisker-Charts)</a>
<a href="graph09.html" class="list-group-item">แผนภูมิแบบรวมกัน (Combination-Charts)</a>
<a href="graph10.html" class="list-group-item">แผนภูมิแบบไดนามิก (Dynamic-charts)</a>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-lg-12">
<br>
<h5 class="my-4" style="color:#4C9CA0">
<b> กราฟแท่งเทียน (Candlestick-Ohlc-Charts) ของคุณเป็นแบบไหนน๊า..?</b>
</h5>
</div>
<!-- 1 -->
<div class="col-lg-4 col-sm-6 text-center mb-4">
<div class="card card-shadow mb-5">
<img class="card-img-top img-responsive" src="../asset/image/06/01.png" alt="JavaScript Pie Charts & Graphs">
<div class="card-footer text-center">
<button type="button" class="btn btn-info btnPreview" data-toggle="tooltip" title="ดูตัวอย่าง" onclick="previewShow('../examples/06/01.html')">
<img src="../asset/image/icon/files.png" alt="..." class="preview">
</button>
<button type="button" class="btn btn-success btnCreate" data-toggle="tooltip" title="สร้างกราฟ" style="margin-left:10px;"
onclick="editChart('./customChart/mainCustom.html','./customeChart/editChart.html','./customeChart/showChart.html')">
<img src="../asset/image/icon/create.png" alt="..." class="preview">
</button>
<br>
<br>
<h5>Candlestick Line Chart</h5>
<p>แผนภูมิแท่งเทียน</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="col-lg-4 col-sm-6 text-center mb-4">
<div class="card card-shadow mb-5">
<img class="card-img-top img-responsive" src="../asset/image/06/02.png" alt="JavaScript Pie Charts & Graphs">
<div class="card-footer text-center">
<button type="button" class="btn btn-info btnPreview" data-toggle="tooltip" title="ดูตัวอย่าง" onclick="previewShow('../examples/06/02.html')">
<img src="../asset/image/icon/files.png" alt="..." class="preview">
</button>
<button type="button" class="btn btn-success btnCreate" data-toggle="tooltip" title="สร้างกราฟ" style="margin-left:10px;"
onclick="editChart('./customChart/mainCustom.html','./customeChart/editChart.html','./customeChart/showChart.html')">
<img src="../asset/image/icon/create.png" alt="..." class="preview">
</button>
<br>
<br>
<h5>Multi Series Candlestick Chart</h5>
<p>แผนภูมิเชิงเทียนหลายชุด</p>
</div>
</div>
</div>
<!-- 3 -->
<div class="col-lg-4 col-sm-6 text-center mb-4">
<div class="card card-shadow mb-5">
<img class="card-img-top img-responsive" src="../asset/image/06/03.png" alt="JavaScript Pie Charts & Graphs">
<div class="card-footer text-center">
<button type="button" class="btn btn-info btnPreview" data-toggle="tooltip" title="ดูตัวอย่าง" onclick="previewShow('../examples/06/03.html')">
<img src="../asset/image/icon/files.png" alt="..." class="preview">
</button>
<button type="button" class="btn btn-success btnCreate" data-toggle="tooltip" title="สร้างกราฟ" style="margin-left:10px;"
onclick="editChart('./customChart/mainCustom.html','./customeChart/editChart.html','./customeChart/showChart.html')">
<img src="../asset/image/icon/create.png" alt="..." class="preview">
</button>
<br>
<br>
<h5>Ohlc Chart From Json Data</h5>
<p>แผนภูมิ Ohlc จากข้อมูล JSON</p>
</div>
</div>
</div>
<!-- 4-->
<div class="col-lg-4 col-sm-6 text-center mb-4">
<div class="card card-shadow mb-5">
<img class="card-img-top img-responsive" src="../asset/image/06/04.png" alt="JavaScript Pie Charts & Graphs">
<div class="card-footer text-center">
<button type="button" class="btn btn-info btnPreview" data-toggle="tooltip" title="ดูตัวอย่าง" onclick="previewShow('../examples/06/04.html')">
<img src="../asset/image/icon/files.png" alt="..." class="preview">
</button>
<button type="button" class="btn btn-success btnCreate" data-toggle="tooltip" title="สร้างกราฟ" style="margin-left:10px;"
onclick="editChart('./customChart/mainCustom.html','./customeChart/editChart.html','./customeChart/showChart.html')">
<img src="../asset/image/icon/create.png" alt="..." class="preview">
</button>
<br>
<br>
<h5>Ohlc Stock Chart</h5>
<p>แผนภูมิหุ้น Ohlc</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">อย่าสิมาลอกเว็บกันเด้อ Copyright © Easy Graph</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="../asset/js/jquery/jquery.min.js"></script>
<script src="../asset/bootstrap/js/bootstrap.bundle.min.js"></script>
<script>
function previewShow(path) {
var win = window.open(path, '_blank');
if (win) {
win.focus();
} else {
alert('อนุญาติให้เปิดเว็บไซต์');
}
}
function editChart(path, pathedit, pathshow) {
var win = window.open(path, '_blank');
if (win) {
win.focus();
} else {
alert('อนุญาติให้เปิดเว็บไซต์');
}
}
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip({
trigger: 'hover'
});
});
</script>
</body>
</html>