Hirdetés

Új hozzászólás Aktív témák

  • meone

    tag

    Sziasztok!

    Mostanában elkezdtem foglalkozni adatok ábrázolásával.
    Az adatok MySQL-ben vannak letárolva és PHP-val olvasom ki, hogy épp mi kell nekem az adatbázisból éppen.
    Találtam egy jó kis oldalt ahol vannak ilyen demo diagramok azokat módosítom a nekem megfelelő kinézetre. [link]
    Amit belinkeltem azt a diagramot szeretném át alakítani úgy, hogy PHP segítségével szedje ki a MySQL-böl az adatot.
    Jelenleg az adatok egy JSON fájlba vannak tárolva.
    Ezzel kapcsolatban lenne kérdésem.
    Az egyik az, hogy ezeket a fájlokat hogyan lehet írni PHP segítségével van rá a neten valami minta, hogy milyen szintaxissal lehet meg nyitni a fájlt bele írni a végére majd lezárni?

    A második kérdésem pedig a belinkelt oldallal kapcsolatos.
    Az oldal forráskódja a következő:

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>Highstock Example</title>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

    <script type="text/javascript">

    $(function() {
    var seriesOptions = [],
    yAxisOptions = [],
    seriesCounter = 0,
    names = ['MSFT', 'AAPL', 'GOOG'],
    colors = Highcharts.getOptions().colors;

    $.each(names, function(i, name) {

    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename='+ name.toLowerCase() +'-c.json&callback=?', function(data) {

    seriesOptions[i] = {
    name: name,
    data: data
    };

    // As we're loading the data asynchronously, we don't know what order it will arrive. So
    // we keep a counter and create the chart when all the data is loaded.
    seriesCounter++;

    if (seriesCounter == names.length) {
    createChart();
    }
    });
    });



    // create the chart when all data is loaded
    function createChart() {

    chart = new Highcharts.StockChart({
    chart: {
    renderTo: 'container'
    },

    rangeSelector: {
    selected: 4
    },

    yAxis: {
    labels: {
    formatter: function() {
    return (this.value > 0 ? '+' : '') + this.value + '%';
    }
    },
    plotLines: [{
    value: 0,
    width: 2,
    color: 'silver'
    }]
    },

    plotOptions: {
    series: {
    compare: 'percent'
    }
    },

    tooltip: {
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
    yDecimals: 2
    },

    series: seriesOptions
    });
    }

    });
    </script>


    </head>

    <body>


    <script type="text/javascript" src="../../js/highstock.js"></script>



    <div id="container" style="height: 500px; min-width: 600px"></div>

    </body>

    </html>

    Hogyan alakíthatom át ezt úgy, hogy az adatokat ne JSON fájlból szedje ki hanem MySQL és PHP kombó segítségével.

    Azt sejtem, hogy valahol itt kell keresgélni a kódban.

    $(function() {
    var seriesOptions = [],
    yAxisOptions = [],
    seriesCounter = 0,
    names = ['MSFT', 'AAPL', 'GOOG'],
    colors = Highcharts.getOptions().colors;

    $.each(names, function(i, name) {

    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename='+ name.toLowerCase() +'-c.json&callback=?', function(data) {

    seriesOptions[i] = {
    name: name,
    data: data
    };

    // As we're loading the data asynchronously, we don't know what order it will arrive. So
    // we keep a counter and create the chart when all the data is loaded.
    seriesCounter++;

    if (seriesCounter == names.length) {
    createChart();
    }
    });
    });

    Az 'MSFT', 'AAPL', 'GOOG' azok a fájlok amik az adatokat tartalmazzák.

    Esetleg valaki itt csinált már ilyet? :F

    Köszönöm előre is a segítséget.

    Elnézést kérek mindenkitől a helyes írásom ért :)

Új hozzászólás Aktív témák