javascript - Keen.js 硬编码图形数据

Question

我下载了一个使用 Keen.js 提取饼图数据的示例。

我只需要将一些数据硬编码到图表中，

例如 50% 通过，50% 失败。

var pageviews_static = new Keen.Query("count", {
    eventCollection: "pageviews",
    groupBy: "user.device_info.browser.family",
    timeframe: {
      start: "2014-05-01T00:00:00.000Z",
      end: "2014-05-05T00:00:00.000Z"
    }
  });

  client.draw(pageviews_static, document.getElementById("chart-02"), {
    chartType: "piechart",
    title: false,
    height: 250,
    width: "auto",
    chartOptions: {
      chartArea: {
        height: "85%",
        left: "5%",
        top: "5%",
        width: "100%"
      },
      pieHole: .4
    }
  });

我如何将 pageview_static 硬编码为 50% 通过，50% 失败

Answer 1

您可以自定义 keen.js 公开的 google 图表选项.

数据的自定义标签:https://github.com/keen/keen-js/blob/master/docs/visualization.md#customized-labels

和自定义数据对象“Keen.Dataset: https://github.com/keen/keen-js/tree/master/docs/dataset#keendataset

var chart = new Keen.Dataviz()
    .el(document.getElementById("chart"))
    .chartType('piechart')
    .parseRawData({ result: [
        { label: 'Pass', value: 50 },
        { label: 'Fail', value: 50 }
    ] })
    .title('Pass/Fail Rate')
    .height(240)
    .render();