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 > มีปัญหาเกี่ยวกับการแสดงข้อมูลใน pie chart จาก sql server asp.net c#



 

มีปัญหาเกี่ยวกับการแสดงข้อมูลใน pie chart จาก sql server asp.net c#

 



Topic : 122093



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



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




ดึงข้อมูลจากฐานข้อมูลมาแสดงใน pie chart แสดงจำนวนได้ตามปกติ แต่ว่าตรงชื่อแสดงไม่ได้ มันขึ้นตามรูปด่านล่าง

c

Code
<script type="text/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: <%= chartData%> // แสดงจำนวนในแต่ละปี ข้อมูลที่ได้ [318,471,838,211,1] แล้วก็มี <%= chartData2%> แสดงปี ค.ศ. ข้อมูลที่ได้ [2013,2014,2015,2016,2019] }] }); });


พอเอา ปีค.ศ. มาใส่ด้วยมันไม่แสดงผล จำนวนนั้นมันคิดค่าเป็น % ให้เอง

อันนี้คือแบบที่แสดงผลได้

Code
[ ['2013', 28.3], ['2014', 40.8], { name: '2015', y: 10.6, sliced: true, selected: true }, ['2012', 20.2], ]


แต่ที่ลองเอาทั้งปีและค่ามาใส่ มันได้ค่าเป็น [318,471,838,211,1] , [2013,2014,2015,2016,2019]
จะทำให้มันแสดงแบบอันข้างบนยังไงเหรอค่ะ

ถ้าพอมีโค้ด ขอโค้ดตัวอย่างได้มั้ยคะ
ขอบคุณล่วงหน้าค่ะ

ปล. ลองเอา php มาแปลงดูแล้วแต่ทำไม่เป็น



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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-03-23 17:08:13 By : แมวๆ View : 1287 Reply : 4
 

 

No. 1



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



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


เปลี่ยนแค่ชื่อ Column: Jobnumber กับ Qty เป็น Colunm ได้เลยครับ

ผม Bind ค่าใส่ให้กับ Listeral นะครับ ผมตั้ง ID ว่า chrtMyChart_PieJava

Code (C#)
    private void GetPieChartByJava(DataTable dt)
    {
        string _String = "";

        _String += "<script type='text/javascript'>";
        _String += "$(function () {";
        _String += "    $('#container').highcharts({";
        _String += "        chart: {";
        _String += "            plotBackgroundColor: null,";
        _String += "            plotBorderWidth: null,";
        _String += "            plotShadow: false,";
        _String += "            type: 'pie'";
        _String += "        },";
        _String += "        title: {";
        _String += "            text: 'Data Get Jobnumber'";
        _String += "        },";
        _String += "        tooltip: {";
        _String += "            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'";
        _String += "        },";
        _String += "        plotOptions: {";
        _String += "            pie: {";
        _String += "                allowPointSelect: true,";
        _String += "                cursor: 'pointer',";
        _String += "                dataLabels: {";
        _String += "                    enabled: true,";
        _String += "                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',";
        _String += "                    style: {";
        _String += "                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'";
        _String += "                    }";
        _String += "                }";
        _String += "            }";
        _String += "        },";
        _String += "        series: [{";
        _String += "            name: 'Jobnumber',";
        _String += "            colorByPoint: true,";


        _String += "            data: [";
        for (int i = 0; i < dt.Rows.Count; i++)
        {

            _String += "{ name:'" + dt.Rows[i]["Jobnumber"].ToString() + "', y: " + dt.Rows[i]["Qty"].ToString() + "}";
            if ((i == 0 && dt.Rows.Count > 0) || (i > 0 && i < dt.Rows.Count))
            {
                _String += ",";
            }
        }

        _String = _String.Remove(_String.Length - 1);

        _String += "            ]";
        _String += "        }]";
        _String += "    });";
        _String += "});";

        _String += "</script>";
        chrtMyChart_PieJava.Text = _String.ToString();

    }









ประวัติการแก้ไข
2016-03-23 17:36:50
2016-03-23 17:37:19
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-23 17:33:55 By : TaoZaZa
 


 

No. 2



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



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


ขอบคุณมากค่ะ จะนำไปปรับใช้ดู ถ้าได้หรือไม่ได้ แล้วจะมาบอกนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-24 09:45:10 By : แมวๆ
 

 

No. 3



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



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


ทำไม่ได้อะค่ะ T^T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-24 11:21:01 By : แมวๆ
 


 

No. 4



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



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


ไม่คือติดอะไรเอ่ย รบกวนขอรายละเอียดหรือรูป Error หน่อยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-03-28 13:05:48 By : taotechnocom
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : มีปัญหาเกี่ยวกับการแสดงข้อมูลใน pie chart จาก sql server 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 04
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 อัตราราคา คลิกที่นี่