javascript - Flot - 绘制带有时间的图表不起作用

标签 javascript charts flot

以下代码不会使用 Flot 绘制图表 - 它只是变成一个空图表,其中 x 轴位于 00:00,y 轴从 -1 到 1:

<div id='chart' style='height:200px; width: 300px'></div>
<script>
drawChart();
function drawChart() {
    var d1 = [[1360652400000, 22.5],[1360662400000, 24.4]];
    $.plot($('#chart'), d1, {xaxis: {mode: 'time'}});
}
</script> 

最佳答案

您缺少一组数组括号,这些括号表示它是数据系列 1。

改用这个:

function drawChart() {
  var d1 = [[1360652400000, 22.5],[1360662400000, 24.4]];
  $.plot($('#chart'), [d1], {xaxis: {mode: 'time'}});
}

它应该可以正常工作。

JSFiddle Here

忽略 JavaScript 示例顶部的代码,它只是 jquery.flot.time.js,我找不到它的 CDN(但需要使用模式:“时间”)

关于javascript - Flot - 绘制带有时间的图表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14843367/

相关文章:

Excel 2010 如何从相同的数据制作多个散点图

php - 格式化 json 数据以在 Flot 中使用

javascript - CSS圆形边框根据其包含的数字增减

javascript - 通过javascript将参数传递给python函数

javascript - JQuery 使水平滚动页面太大

javascript - 图表 - x 轴起点的差异

javascript - Flot渲染图表后如何设置数值?

javascript - react : Element is changing a controlled input of type text to be uncontrolled

javascript - Chart.js 的自动高度

ios - 在 iOS 的 Charts 库中实现 ChartValueSelected 方法