데이터베이스 값으로 꺾은 선형 차트를 만드는 방법은 무엇입니까?

나는 gerilim, akim 및 powerfulness 인 어떤 가치를 저장하는 데이타베이스가있다.데이터베이스 값으로 꺾은 선형 차트를 만드는 방법은 무엇입니까?

데이터베이스에서 이러한 값을 사용하여 선형 차트를 만들고 싶습니다. 나는 인터넷에서 검색하고 아무것도 찾을 수 없습니다. 다음은 스크립트 코드입니다.

이

* LINE CHART 
* ---------- 
*/ 
//LINE randomly generated data 

var data = [],id=0; 
<?php 
include"../../pages/veri_ayar.php"; 

$verileriCek = mysql_query("SELECT * FROM etkin"); 

      while ($b=mysql_fetch_array($verileriCek)){ 

       $akim = $b['akim']; 
     $id=$b['id']; 

      } 
    data=$akim; 
    id=$id;?> 


var i=0; 
    while(i < id) { 
     data; 
     i++; 
    } 
    var line_data1 = { 
     data: data, 
     color: "#3c8dbc" 
    }; 
    $.plot("#line-chart", [line_data1], { 
     grid: { 
     hoverable: true, 
     borderColor: "#f3f3f3", 
     borderWidth: 1, 
     tickColor: "#f3f3f3" 
     }, 
     series: { 
     shadowSize: 0, 
     lines: { 
      show: true 
    }, 
    points: { 
     show: true 
    } 
    }, 
    lines: { 
    fill: false, 
    color: ["#3c8dbc"] 
    }, 
    yaxis: { 
    show: true, 
    }, 
    xaxis: { 
    show: true 
    } 
}); 
//Initialize tooltip on hover 
$('<div class="tooltip-inner" id="line-chart-tooltip"></div>').css({ 
    position: "absolute", 
    display: "none", 
    opacity: 0.8 
}).appendTo("body"); 
$("#line-chart").bind("plothover", function (event, pos, item) { 

    if (item) { 
    var x = item.datapoint[0].toFixed(2), 
     y = item.datapoint[1].toFixed(2); 

    $("#line-chart-tooltip").html(item.series.label + " of " + x + " = " + y) 
     .css({top: item.pageY + 5, left: item.pageX + 5}) 
     .fadeIn(200); 
    } else { 
    $("#line-chart-tooltip").hide(); 
    } 

}); 
/* END LINE CHART */

출처

2016-10-31 user

차트는 JavaScript 기반입니다. 그것은 태그없이 PHP 내에서 JavaScript를 실행하려고하는 것 같습니다. Charts.js를 살펴보아야합니다. – Sedrick

가장 좋은 방법은 모든 값을 포함하는 JSON 서비스를 제공합니다 PHP와 REST API를 구축하는 것입니다, 당신은 클라이언트 측 (자바 스크립트)에서 AJAX와 그 JSON을 얻고 훌륭한을 사용할 수 있습니다 시각화 라이브러리 D3처럼.

출처

2016-10-31 13:20:52 Kwakwak

데이터베이스 값으로 꺾은 선형 차트를 만드는 방법은 무엇입니까?

답변

관련 문제