当前位置:  软件>JavaScript软件

Prototype图表插件 Plotr

    来源:    发布时间:2015-02-06

    本文导语:  Plotr是一个基于PlotKit与MochiKit的轻量级Javascript制图库。Plotr依赖于prototype以及HTML Canvas。 Plotr 的使用相当简单,下面是Plotr的官方示例: // Define a dataset. var dataset = {     'myFirstDataset': [[0, 1], [1, 1], [2, 1.414], [3, 1.73], [4, 2.56]],  ...

Plotr是一个基于PlotKitMochiKit的轻量级Javascript制图库。Plotr依赖于prototype以及HTML Canvas。

Plotr 的使用相当简单,下面是Plotr的官方示例:



// Define a dataset.
var dataset = {
    'myFirstDataset': [[0, 1], [1, 1], [2, 1.414], [3, 1.73], [4, 2.56]],
    'mySecondDataset': [[0, 0.3], [1, 2.67], [2, 1.34], [3, 1.73], [4, 1.9]],
    'myThirdDataset': [[0, 0.46], [1, 1.45], [2, 2.5], [3, 1.2], [4, 2.4]],
    'myFourthDataset': [[0, .86], [1, 0.83], [2, 3], [3, 1.73], [4, 0.76]],
};
// Define options.
var options = {
    // Define a padding for the canvas node
    padding: {left: 30, right: 0, top: 10, bottom: 30},
    // Background color to render.
    backgroundColor: '#d8efb0',
    // Use the predefined blue colorscheme.
    colorScheme: 'grey',
    // Render a horizontal oriented barchart.
    barOrientation: 'vertical',
    // Set the labels.
    xTicks: [
        {v:0, label:'day 1'},
        {v:1, label:'day 2'},
        {v:2, label:'day 3'},
        {v:3, label:'day 4'}
    ]
};
// Instantiate a new BarCart.
var vertical = new Plotr.BarChart('bars1',options);
// Add a dataset to it.
vertical.addDataset(dataset);
// Render it.
vertical.render();

效果如下:

Prototype图表插件 Plotr[图片]


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Ajax框架 Prototype
  • Prototype Calendar
  • JavaScript代码检查工具 Prototype Profiler
  • Prototype的MP3播放器 Pimp3
  • Prototype进度条 Control.ProgressBar
  • 基于Prototype的WebUI控件集合 LivePipe
  • Prototype效果库 Script.aculo.us
  • Prototype动感效果扩展 Scripty2
  • 关于gcc -fno-strict-prototype 参数的问题
  • 解析prototype,JQuery中跳出each循环的方法
  • 一个简单的问题:什么是“prototype”模式?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3