需求图谱定制版

[TOC]

安装

$ npm install -S demand-chart

使用方式

define(function() {
    // gallery 需要配置 AMD 访问路径
    var Gallery = require('demand-chart');
    new Gallery(options);
});

其中 options 如下：

{
    // 挂载元素
    "el": "#main",

    // 宽度
    "width": 394,

    // 高度，与宽度相同
    "height": 394,

    // 半径最小值
    "R_MIN": 5,

    // 半径最大值
    "R_MAX": 15,

    // 打乱顺序
    "random": true,

    // 分组设置，这里共显示10个点
    "group": [
        [130, 10, 80, 2, 2],
        [210, 10, 170, 2, 2],
        [280, 10, 90, 3, 3],
        [320, 5, 130, 3, 3]
    ],

    // 数据列表，必须大于10条
    "data": [{
        "name": "澳门风云3",
        "query": 6922,
        "r": 5082,
        "up": -1
    }],

    // 中心词
    "center": "澳门风云",

    // 上升颜色
    "upColor": "#fa7c62",

    // 下降颜色
    "downColor": "#20b78e",

    // 边框颜色
    "strokeColor": "auto",

    // 显示控制区
    "showControl": false,

    // 自动播放
    "auto": false,

    // 失焦暂停
    "blurStop": true,

    // 显示背景
    "showImageBackground": true,

    // 显示时间轴
    "showTimeline": false,

    // 类型
    "type": "demand"
}