Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,481

HOME > PHP > PHP Forum > สอบถามปัญหา Highcharts ในการนำข้อมูลจากหลาย HTML table มาแสดงเป็น กราฟ



 

สอบถามปัญหา Highcharts ในการนำข้อมูลจากหลาย HTML table มาแสดงเป็น กราฟ

 



Topic : 123639



โพสกระทู้ ( 3 )
บทความ ( 0 )



สถานะออฟไลน์




ผมต้องการนำข้อมูลจากตาราง HTML ทั้ง 2 ตาราง มาแสดงใน highcharts ครับ

c2

ตารางซ้าย = datatable1, ตารางขวา = datatable2

c1

ในภาพนี้ผมสามารถดึง html มาแสดงกราฟได้แค่อันเดียว ผมต้องการไข Code อย่างไรครับ ถึงจะสามารถดึง table html ทั้ง 2 มาแสดงรวมกันได้
Code (Java)
<script>
	$(function () {		
		$('#container').highcharts({
			data: {
				table: document.getElementById('datatable1')
			},
			series: [{
                name: 'DXP',
                data: 'datatable1'
			}],
			chart: {
				type: 'column'
			},
			title: {
				text: 'DXP'
			},
			subtitle: {  
            text: 'ENV'  
            }, 
			xAxis: {  
            categories: [
            ],  
            crosshair: true 
			,plotBands: [{
    					color: 'yellow', // Color value
    					from: 3, // Start of the plot band
    					to: 4 // End of the plot band
  						}] 
        	},  
			yAxis: {
				allowDecimals: false,
				title: {
					text: '% Color'
				},plotLines: [{
    					color: 'red', // Color value
    					dashStyle: 'shortdash', // Style of the plot line. Default to solid
    					value: 20, // Value of where the line will appear
    					width: 2,
						label: {text: 'Max ENV Page1 : 20%'} // Width of the line    
								},{
    					color: 'green', // Color value
    					dashStyle: 'shortdash', // Style of the plot line. Default to solid
    					value: 12, // Value of where the line will appear
    					width: 2,
						label: {text: 'Max ENV Page2 : 12%'} // Width of the line    
								}]
			},			
			tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',  
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +  
                '<td style="padding:0"><b>{point.y:.3f} mm</b></td></tr>',  
            footerFormat: '</table>',  
            shared: true,  
            useHTML: true  
        },  
        plotOptions: {  
            column: {  
                pointPadding: 0.2,  
                borderWidth: 0  
            }  				
			}
		});
	});
</script>




Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2016-06-30 18:05:16
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-06-30 17:49:50 By : horizon1 View : 863 Reply : 2
 

 

No. 1



โพสกระทู้ ( 4,024 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


http://www.highcharts.com/docs/working-with-data/data-from-a-database






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-30 17:57:06 By : dudesaranyu
 


 

No. 2



โพสกระทู้ ( 3 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : dudesaranyu เมื่อวันที่ 2016-06-30 17:57:06
รายละเอียดของการตอบ ::
... อันนี้เป็นการดึงจาก Database.ใช่ป่ะครับ


ผมอยากได้ที่เป็นการใช้ข้อมูลจากตาราง HTML ครับ
เช่นตาราง 1 'id=datatable1' ตาราง2 'id=datatable2'

Code (Java)
data: {
				table: document.getElementById('datatable1') // ดึงค่าจากตาราง datatable1
			},

.......รบกวนด้วยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-07-01 09:12:09 By : horizon1
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามปัญหา Highcharts ในการนำข้อมูลจากหลาย HTML table มาแสดงเป็น กราฟ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่