Question

我无法让酒吧显示任何数据。饼图中的数据工作正常，但条形图中没有数据显示。我无法弄清楚为什么，但希望你们中的一个可以。这是我正在使用的数据。

数据

Object, Object, Object]
0: Object
  color: "#0150AC"
  data: "8.00"
  label: "Please rate the location of our property."
  ticks: "Please rate the location of our property."
  __proto__: Object
1: Object
  color: "#DE6E26"
  data: "8.00"
  label: "Please rate the friendliness and courtesy of our staff."
  ticks: "Please rate the friendliness and courtesy of our staff."
  __proto__: Object
2: Object
  color: "#559B1E"
  data: "1.60"
  label: "Please rate the cleanliness of your room upon check-in."
  ticks: "Please rate the cleanliness of your room upon check-in."
 __proto__: Object
length: 3
__proto__: Array[0]

OPTIONS

bars: Object
  show: true
__proto__: Object
_proto__: Object

占位符

selector: "#prime_bar_chart"

CALL METHOD

function buildGraph(placeholder, data, options) {
    $.plot(placeholder, data, {

    series: options,

    legend: {
        show: true,
        backgroundColor:'#E1DFE0',
        margin:[-55, 0]
}});

}

Answer 1

@Sergio是对的。折线图和条形图需要采用以下格式的数据

[ [x1, y1], [x2, y2], ... ]

饼图有点不同，除了单个数据值外。

以下是您的数据的小提琴demonstration。

BTW，ticks不是系列对象的属性，而是xaxis, yaxis的属性，请参阅here。

获取Flot Chart以使用条形图

1 个答案: