最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件FusionCharts实现的2D面积图效果示例
时间:2017-05-30 编辑:简简单单 来源:一聚教程网
1、实现代码:
代码如下 | 复制代码 |
FusionCharts.ready(function() { varsalesChart =newFusionCharts({ type:'area2d', renderAt:'area2D', width:'1290', height:'600', dataFormat:'json', dataSource: { "chart": { "caption":"(脚本之家)年度收入", "subCaption":"", "xAxisName":"季度", "yAxisName":"收入", "numberPrefix":"¥", "paletteColors":"#1275c2", "bgColor":"#CCCCCC", "showBorder":"1", "showCanvasBorder":"1", "plotBorderAlpha":"10", "usePlotGradientColor":"10", "plotFillAlpha":"50", "showXAxisLine":"1", "axisLineAlpha":"25", "divLineAlpha":"10", "showValues":"1", "showAlternateHGridColor":"0", "captionFontSize":"14", "subcaptionFontSize":"14", "subcaptionFontBold":"0", "toolTipColor":"#ffffff", "toolTipBorderThickness":"1", "toolTipBgColor":"#FF0000", "toolTipBgAlpha":"60", "toolTipBorderRadius":"5", "toolTipPadding":"10", "baseFont":"20" }, "data": [ { "label":"(jb51.net)第一季度", "value":"59865" }, { "label":"(jb51.net)第二季度", "value":"63254" }, { "label":"(jb51.net)第三季度", "value":"34256" }, { "label":"(jb51.net)第四季度", "value":"89562" } ] } }).render(); });
|
2、实现效果图:
-
下一个: Ajax校验是否重复的实现代码