我想绘制一个时间序列作为条形图(我想它也称为柱形图),保留时间线的比例。例如:
你能推荐一个javascript库,提供如何可视化的代码吗? 我很清楚这个answer并尝试了其中一些,但无法接近预期的结果。
javascript格式的示例数据:
var arr = new Array();
arr[0] = -100;
arr[3.5] = 10;
arr[5] = 110;
答案 0 :(得分:1)
看一下这段代码,您可以用自己的数组替换categories(in x-axis)
和data
。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
</head>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">
</div>
<script>
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Column chart with negative values'
},
credits: {
enabled: false
},
series: [{
name: 'Bar Chart',
data: [
{ x: 0, y: -100 },
{ x: 4.9, y: 10},
{ x: 5, y: 100 }
]
}]
});
});
</script>
</html>
答案 1 :(得分:0)
看看Highcharts它的配置是否可配置。
看看这个fiddle,只需将类型更改为column