datavjs Version: 0.1.1 By @DataV

DataV.js is a JavaScript library for data visualization

子弹图简介

子弹图(bullet)通常用于在有限的空间内展示一个数值区间内的三个维度的信息。通常有background(背景), measure(度量), marker(标记)3个维度。bullet wiki。绘制bullet的javascript代码如下:

//创建bullet对象,包含于id为"chart"的dom结点,宽、高分别为950、500px。
var bullet = new Bullet("chart", {"width": 950, "height": 500});
//设置数据
bullet.setSource({
    title: "Revenue",
    subtitle: "US.$(1,000s)", 
    ranges: [0, 150, 225, 300],
    measures: [270],
    markers: [249],
    rangeTitles: ["bad", "satisfactory", "good"],
    measureTitles: ["value: 270"],
    markerTitles: ["mean : 249"] 
});
//渲染
bullet.render();

bullet各种选项的含义,各种样式的设置等请参考exmaple目录中的bullet的demo示例。