jQuery flot API文档 中文版

jQuery flot API文档 中文版 以下是从给定的文件信息中生成的相关知识点： 1. jQuery flot API的plot函数调用方法： var plot = $.plot(placeholder, data, options) 其中，placeholder可以是JQuery对象、DOM元素或JQuery选择器，要将完成的图表放置在这个位置上。placeholder需要有宽度和高度，因为plot函数会修改placeholder的一些属性。 2. 数据结构： 数据应该是一个数据系列的数组，例如：[ series1, series2, ... ]。原始数据是一个二维数组，例如：[ [x1, y1], [x2, y2], ... ]。x轴和y轴的数值都要使用数字，除非有特殊需求。 3. 数据类型： 大多数情况下，我们都是从数据库中直接提取数据并转换成JSON格式，但是需要注意数据类型的问题。如果出现了奇怪的现象，请先检查数据的格式是否有问题。 4. 单一的序列对象结构： { color: 颜色或数字 data: 原始数据 label: 字符串 lines: 特定线的选项 bars: 特定柱的选项 points: 特定点的选项 xaxis: 1或2 yaxis: 1或2 clickable: 布尔值 hoverable: 布尔值 shadowSize: 数值 } 除了data属性外，其它属性都不是必需的，通常情况下它们都是使用默认值的。 5. Options的含义： 所有的选项都是完全可选的。如果想要修改的话，把它当作一个对象来处理就可以了。例如： var options = { series: { lines: { show: true }, points: { show: true } } }; 6. 可定制说明部分的用户设置： legend: { show: 布尔值 labelFormatter: null或函数 labelBoxBorderColor: 颜色 noColumns: 数值 position: "ne"或"nw"或"se"或"sw" margin: 数值或[x margin, y margin] backgroundColor: null或颜色 backgroundOpacity: 数值 container: null } 7. 使用null值： 如果在一个点的数据使用的是null值，那么在绘制的过程中就会把这个点忽略。这条线就会有断开的现象。 8. 线和点的关系： 线和点是相关连的对于bars，可以设置第三个关联值（默认是0）。 9. 数据序列定义： 一个比较复杂的数据序列定义： [ { label: "Foo", data: [ [10, 1], [17, -14], [30, 5] ] }, { label: "Bar", data: [ [11, 13], [19, 11], [30, -7] ] } ] 等等。