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

Registered : 109,037

HOME > .NET Framework > Forum > นับข้อมูลจากฐานข้อมูล ms sqlserver มาแสดงเป็นกราฟ asp.net c#



 

นับข้อมูลจากฐานข้อมูล ms sqlserver มาแสดงเป็นกราฟ asp.net c#

 



Topic : 121869



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



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




จะนับข้อมูลในฐานข้อมูล ในแต่ละปีมาแสดงเป็นกราฟ ว่าปีนี้มีข้อมูลอยู่จำนวนเท่าไหร่ ตอนนี้ทำได้แบบใส่ค่าตรงๆ ไปเลย อยากได้แบบดึงมาจากฐานข้อมูลนะค่ะ

อันนี้โค้ด javascript แสดงกราฟแบบวงกลม

Code (JavaScript)
  $(function () {
		        $('#container').highcharts({
		            chart: {
		                type: 'pie',
		                options3d: {
		                    enabled: true,
		                    alpha: 45,
		                    beta: 0
		                }
		            },
		            title: {
		                text: '% of Contract form 2012 to 2015'
		            },
		            tooltip: {
		                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
		            },
		            plotOptions: {
		                pie: {
		                    allowPointSelect: true,
		                    cursor: 'pointer',
		                    depth: 35,
		                    dataLabels: {
		                        enabled: true,
		                        format: '{point.name}'
		                    }
		                }
		            },
		            credits: false,

		            series: [{
		                type: 'pie',
		                name: 'Number of contract',
		                data: [
                            
                            ['2013', 28.3],
                            ['2014', 40.8],
                            {
                                name: '2015',
                                y: 10.6,
                                sliced: true,
                                selected: true
                            },
                            ['2012', 20.2],
		                ]
		            }]
		        });
		    });


วงกลม

อันนี้โค้ด javascript แสดงกราฟแบบแท่ง

Code (JavaScript)
   $(function () {
		        $('#container2').highcharts({
		            chart: {
		                type: 'column'
		            },
		            title: {
		                text: 'Number of Contract'
		            },
		            subtitle: {
		                text: 'Source: <a href="http://192.168.24.36/contract/Default.aspx">Contract Management</a>'
		            },
		            xAxis: {
		                type: 'category',
		                labels: {
		                    rotation: -45,
		                    style: {
		                        fontSize: '13px',
		                        fontFamily: 'Verdana, sans-serif'
		                    }
		                }
		            },
		            yAxis: {
		                min: 0,
		                title: {
		                    text: 'จำนวน'
		                }
		            },
		            legend: {
		                enabled: false
		            },
		            tooltip: {
		                pointFormat: 'จำนวน : <b>{point.y:.1f} Contract</b>'
		            },
		            credits: false,
                   ////////////////////////////////////////////////
		            series: [{
		                name: 'Population',
		                data: [
                            ['ปี 2012', 209],
                            ['ปี 2013', 294],
                            ['ปี 2014', 423],
                            ['ปี 2015', 110],
		                ],
		                dataLabels: {
		                    enabled: true,
		                    rotation: -90,
		                    color: '#FFFFFF',
		                    align: 'right',
		                    x: 4,
		                    y: 10,
		                    style: {
		                        fontSize: '13px',
		                        fontFamily: 'Verdana, sans-serif',
		                        textShadow: '0 0 3px black'
		                    }
		                }
		            }]
		        });
		    });


แท่ง



Tag : .NET, Ms SQL Server 2012, JavaScript, Web (ASP.NET), C#







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-03-11 16:21:53 By : Catty View : 1575 Reply : 3
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

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

เปลี่ยนไปใช้ Graph ของ ASP.Net แทนจะเขียนง่ายกกว่าครับ เพราะสามารถใช้ DataSource ได้ แต่ถ้ายังยืนยันจะใช้ JavaScript อาจจะต้องดูพวก JSON ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-11 17:28:43 By : mr.win
 


 

No. 2

Guest


วิธีการสร้างกราฟของคุณมันง่ายดี ลุงขอบใจมากนะหนู (เรียกพี่ได้ไหม)

ประมาณ 1-2 เดือนที่ผ่านมา ผมเคยยัดเยียดข้อมูลลงไปใน JavaScript ให้ดูเป็นตัวอย่าง
ถ้าผมจำไม่ผิดผมใช้ Repeater Control เพื่อยกเป็นตัวอย่าง (จริงฯจะใช้อะไรก็ได้)
และบังเอิญเจ้าของกระทู้นั้น (ไม่เอาถ่าน/ไม่มีหัว Create)

คุณอาจจะใช้ประโยชน์จากตัวอย่างที่ผมให้ไป (สักเล็กน้อยก็ยังดี)

Code (JavaScript)
               data: [
                         ['ปี 2012', 209],
                         ['ปี 2013', 294],
                         ['ปี 2014', 423],
                         ['ปี 2015', 110],
               ],



ปล. ผมเป็นคนมองโค๊ดแป๊บรู้ปับ แต่อย่างอื่นไม่มีแป๊บ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-11 19:20:51 By : หน้าฮี
 

 

No. 3



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



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


ขอบคุณมากค่ะ จะลองศึกษาดูค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-14 11:54:08 By : Catty
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : นับข้อมูลจากฐานข้อมูล ms sqlserver มาแสดงเป็นกราฟ asp.net c#
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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