Выводить данные с БД mysql на график (библиотека D3)

109
09 августа 2019, 02:30

Есть база данных и впринципе сами графики но вот проблема, я не понимаю как их связать между собой чтоб данные которые постоянно обновляются в базе данных выводились в графиках . Очень нужна помощь

вот сам график

    <div id="gistogram1">
  <svg></svg>
</div>
<script>
nv.addGraph(function() {
        var chart = nv.models.discreteBarChart()
            .x(function(d) { return d.label })
            .y(function(d) { return d.value })
            .staggerLabels(true)
            //.staggerLabels(historicalBarChart[0].values.length > 8)
            .showValues(true)
            .duration(250)
            ;
        d3.select('#gistogram1 svg')
            .datum(historicalBarChart)
            .call(chart);
        nv.utils.windowResize(chart.update);
        return chart;
    });
</script>
<script>
 historicalBarChart = [
        {
            key: "Cumulative Return",
            values: [
                {
                    "label" : "A" ,
                    "value" : 29.765957771107
                } ,
                {
                    "label" : "B" ,
                    "value" : 0
                } ,
                {
                    "label" : "C" ,
                    "value" : 32.807804682612
                } ,
                {
                    "label" : "D" ,
                    "value" : 196.45946739256
                } ,
                {
                    "label" : "E" ,
                    "value" : 0.19434030906893
                } ,
                {
                    "label" : "F" ,
                    "value" : 98.079782601442
                } ,
                {
                    "label" : "G" ,
                    "value" : 13.925743130903
                } ,
                {
                    "label" : "H" ,
                    "value" : 5.1387322875705
                }
            ]
        }
    ];
</script>

база данных

<?php
    $username = "web_user" 
    $password = "Gf45Rn27G";   
    $host = 192.168.0.38,1435;
    $database="plc_server_exp";
    $server = sql_connect($host, $user, $password);
    $connection = sql_select_db($database, $server);
    $myquery = "
    query here
    ";
    $query = sql_query($myquery);
    if ( ! $query ) {
        echo mysql_error();
        die;
    }
    $data = array();
    for ($x = 0; $x < mysql_num_rows($query); $x++) {
        $data[] = mysql_fetch_assoc($query);
    }
    echo json_encode($data);     
    sql_close($server);
?>
READ ALSO
Webpack, Typescript, запуск кода после загрузки DOM

Webpack, Typescript, запуск кода после загрузки DOM

Вопрос заключается в следующем: Есть класс ts, например меню, элементы которого являются приватным свойством, в конструкторе они берутся через...

94
Как правильно составить html pattern

Как правильно составить html pattern

В поле задаю тип string, и нужно чтобы проверялось на количество символов, максимально 7 штук, и чтобы можно было вводить только цифры в виде строкиКак...

126
Загрузка изображений в папку dist

Загрузка изображений в папку dist

Не получается при сборке проекта через webpack перенести все изображения из папки src/imadges в папку dist/imades чтобы сохранились путиИспользую file-loader

112
MYSQL Sum Union - правильный запрос

MYSQL Sum Union - правильный запрос

Искал как реализовать объединение сумм int полей разных таблиц и нашёл данный ответ - https://stackoverflowcom/a/2387773/6763536 всё работает но просто не могу...

109