jqPlot图表插件使用说明（补遗）

本文主要是介绍jqPlot图表插件使用说明（补遗），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

图例的位置。在默认情况下，图例是位于图表内部的右上角的。这个位置大部分情况下都没有什么太大的问题，但有时候数据起伏变化较大时，有可能被图例遮挡。因此，有必要将图例放在图表的外部。要设置图例在图表外部，可以使用legend的一个配置placement，它的取值可以是insideGrid和inside，outsideGrid和outside，inside和outside分别是insideGrid和outsideGrid的简写。
```
legend:{show:true,placement:'outside' // 图例位于图表外部，placement默认值为insideGrid，等价于inside，还可取值outside，等价于outsideGrid
}
```

另外，在图例中显示的”Series 1“这个字符串，可以通过设置series属性的各个数组元素的label属性来定制。

X轴标签。默认的X轴标刻度显示的是一系列数字，看不出任何实际意义。如果要改变这个显示，可以通过设置axes属性下的xaxis属性的ticks属性实现。它是一个数组，分别对应各个X节点的刻度名词。
```
axes:{xaxis:{renderer:$.jqplot.CategoryAxisRenderer,label:'选项',ticks:['选项A', '选项B', '选项C', '选项D', '选项E']  // 一维数组},yaxis: {label: '投票数'}
}
```

{axes:{xaxis:{label:'日期',ticks:[[1,'05/01'], [2,'05/05'], [3,'05/10'], [4,'05/15'], [5,'05/20'], [6,'05/25']] // 二维数组},yaxis: {label: '投放数量'}}
}

没有数据时的提示。很多时候，当我们请求数据时，可能并不能如愿得到数据。如果没有数据时该怎么表现才比较合适呢？jqPlot中，如果不做任何配置，数据为null或者空数组时，都会抛出No Data的异常，然后图表显示一片空白，这样很不友好。但是如果我们稍作设置，就能很好的处理没有数据的图表展示效果。
```
$.jqplot('chart1', null, { // 数据也可以是[[]]noDataIndicator:{show:true,indicator:'<font color=red>暂无数据</font>' // 可使用html标签}
});
```
显示数据点的值。如果图表只是一条线，看不到具体的数值，那么图表本身直观展示数据的长处就发挥不出来。所以，图表默认应该展示出各个数据点的值。但jqPlot默认没有这么做，如果要展示数据点取值，需要做一些配置。用到的属性是pointLabels，这个配置需要引入jqplot.pointLabels.min.js文件。
```
seriesDefaults:{pointLabels: {  // 显示数据点，依赖于jqplot.pointLabels.min.js文件show: true}
}
```