栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Chart.js-使用mysql和php从数据库获取数据

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Chart.js-使用mysql和php从数据库获取数据

请将您的php代码放入另一个文件中,

api.php
并使用 JSON*
格式
$.ajax
获取这些数据。要将数据转换为JSON格式的数据,应使用php函数。
*
json_enpre()

我提供了示例示例,您可以在这里看到。

请参考以下代码示例:

  1. api.php

    $arrLabels = array("January","February","March","April","May","June","July");

    $arrDatasets = array(‘label’ => “My First dataset”,’fillColor’ => “rgba(220,220,220,0.2)”, ‘strokeColor’ => “rgba(220,220,220,1)”, ‘pointColor’ => “rgba(220,220,220,1)”, ‘pointStrokeColor’ => “#fff”, ‘pointHighlightFill’ => “#fff”, ‘pointHighlightStroke’ => “rgba(220,220,220,1)”, ‘data’ => array(‘28’, ‘48’, ‘40’, ‘19’, ‘86’, ‘27’, ‘90’));

    $arrReturn = array(array(‘labels’ => $arrLabels, ‘datasets’ => $arrDatasets));

    print (json_enpre($arrReturn));

  2. example.html

    $.ajax({

    type: ‘POST’,
    url: ‘api.php’,
    success: function (data) {
    lineChartData = data;//alert(JSON.stringify(data));
    var myLine = new Chart(document.getElementById(“canvas”).getContext(“2d”)).Line(lineChartData);

    var ctx = document.getElementById(“canvas”).getContext(“2d”);
    window.myLine = new Chart(ctx).Line(lineChartData, {responsive: true});
    }
    });

请注意,您应该传递价值

randomScalingFactor()
api.php

请检查并告知我是否需要其他帮助。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432763.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号