Keen.js 硬编码图数据答案

【问题标题】：Keen.js Hardcode graph dataKeen.js 硬编码图数据
【发布时间】：2016-12-13 04:59:20
【问题描述】：

我下载了一个示例，用户 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% 失败

【问题讨论】：

标签： javascript html keen-io

【解决方案1】：

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

数据的自定义标签：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();

【讨论】：