chart.js mysql数据_javascript - 使用MYSQL数据库中的Highchartjs的动态追溯图表 - SO中文参考 - www.soinside.com...

[请协助我完成此脚本...

首先,脚本可以完美地工作,没有任何向下钻取图表,但是如果我向脚本添加向下钻取,脚本将显示许多错误,例如id属性等。

[我尝试遵循Highchart Column Drilldown教程,其中包括为了使图表向下钻取而应包含的要求,但仍然无法使其起作用:

这是我的数据库:

eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9SQk1ITS5wbmcifQ==

下面是我的脚本,没有任何向下钻取,可以正常工作,没有错误..<?php

require_once('../includes/database.php');

$stmt = mysqli_prepare($con, "SELECT state_name,totals FROM states");

$result = array('state_name' => array(), 'totals' => array());

if ($stmt) {

mysqli_stmt_execute($stmt);

mysqli_stmt_bind_result($stmt, $state_name, $totals);

while (mysqli_stmt_fetch($stmt)) {

$result['state_name'][] = $state_name;

$result['totals'][] = (int)$totals;

}

mysqli_stmt_close($stmt);

}

?>

$(function () {

$('#div-chart').highcharts({

chart: {

type: 'column'

},

title: {

text: 'List of States'

},

xAxis: {

categories: <?php echo json_encode($result['state_name'])

?>,

crosshair: true

},

yAxis: {

min: 0,

title: {

text: 'Total'

}

},

plotOptions: {

column: {

pointPadding: 0.2,

borderWidth: 0

}

},

series: [{

name: 'States',

data: <?php echo json_encode($result['totals']) ?>

}]

});

});

下面是没有钻取属性的输出:

eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9hc3h1bi5wbmcifQ==

下面是具有向下钻取属性的更新脚本,这些脚本根本不起作用:<?php

require_once('../includes/database.php');

$stmt = mysqli_prepare($con, "SELECT state_name,one,two,three,totals FROM

states");

$result = array('state_name' => array(), 'one' => array(), 'two' =>

array(), 'three' => array(), 'totals' => array());

if ($stmt) {

mysqli_stmt_execute($stmt);

mysqli_stmt_bind_result($stmt, $state_name, $totals);

while (mysqli_stmt_fetch($stmt)) {

$result['state_name'][] = $state_name;

$result['one'][] = (int)$one;

$result['two'][] = (int)$two;

$result['three'][] = (int)$three;

$result['totals'][] = (int)$totals;

}

mysqli_stmt_close($stmt);

}

?>

$(function () {

$('#div-chart').highcharts({

chart: {

type: 'column'

},

title: {

text: 'List of States'

},

xAxis: {

categories: <?php echo json_encode($result['state_name'])

?>,

crosshair: true

},

yAxis: {

min: 0,

title: {

text: 'Total'

}

},

plotOptions: {

column: {

pointPadding: 0.2,

borderWidth: 0

}

},

series: [{

name: 'States',

data: [{

name: <?php echo json_encode($result['state_name']) ?>,

y: <?php echo json_encode($result['totals']) ?>,

drilldown: <?php echo json_encode($result['state_name']) ?>

}]

}],

drilldown: {

series: [{

name: <?php echo json_encode($result['state_name']) ?>,

id: <?php echo json_encode($result['state_name']) ?>,

data: [

<?php echo json_encode($result['one']) ?>,

<?php echo json_encode($result['two']) ?>,

]

}]

}

});

});

[请帮我解决这个问题,我希望图表异步向下钻取,但是要从mysql数据库中进行。.

谢谢...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值