www.22138com「太阳集团游戏」太阳2007娱乐官方网址

欢迎更多朋友与我们www.22138com合作,太阳集团游戏是由安全软件管理软件整合而成的最新安全卫士,其实这是因为目前已经推出了太阳2007娱乐官方网址的新网址,带您体验至尊级享受!。

绘图的过程如果使用原生态脚本绘制这样比较麻

2020-04-01 17:14 来源:未知

在一个项目研发过程中,需要显示账户的资金情况,为了给客户良好的体验我们采用了柱状图形展现,绘图的过程如果使用原生态脚本绘制这样比较麻烦,时间也会比较长,所以我们选择了jqPlot插件进行绘制,这样可以节省大量的时间,也能很快就能展示给用户。

插件官方地址:

复制代码 代码如下:

Html代码

复制代码 代码如下:

Javascript脚本:

复制代码 代码如下:var chartBar = function () { var data={param1:param1,param2:param2};//传递参数 $;//绘图DIV var s1; $.ajax({ type: "POST", url: '../Home/AccountSum', data: data, datatype: "json", async: false, success: function { s1 = [parseFloat, parseFloat, parseFloat, parseFloat, parseFloat, parseFloat]; } else { s1 = [0.00, 0.00, 0.00, 0.00, 0.00, 0.00]; } $.jqplot.config.enablePlugins = true; var ticks = ['充值', '提款', '应收', '销售', '退票', '验证']绘图的过程如果使用原生态脚本绘制这样比较麻烦。; var plot1 = $.jqplot('chart1', [s1], { // Only animate if we're not using excanvas .. //animate: !$.jqplot.use_excanvas, seriesDefaults: { pointLabels: { show: true }, shadow: false, showMarker: true, // 是否强调显示图中的数据节点 renderer: $.jqplot.BarRenderer, rendererOptions: { barWidth: 50, barMargin: 50 } }, axes: { xaxis: { show: true, //是否自动显示坐标轴 renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks, showTicks: true, // 是否显示刻度线以及坐标轴上的刻度值 showTickMarks: true, //设置是否显示刻度 tickOptions: { show: true, fontSize: '14px', fontFamily: 'tahoma,arial,"Hiragino Sans GB",宋体b8b体,sans-serif', showLabel: true, //是否显示刻度线以及坐标轴上的刻度值 showMark: false,//设置是否显示刻度 showGridline: false // 是否在图表区域显示刻度值方向的网格 } }, yaxis: { show: true, showTicks: false, // 是否显示刻度线以及坐标轴上的刻度值 showTickMarks: false, //设置是否显示刻度 autoscale: true, borderWidth: 1, tickOptions: { show: true, showLabel: false, showMark: false, showGridline: true, formatString: '¥%.2f' } }, }, grid: { drawGridLines: true, drawBorder: false, shadow: false, borderColor: '#000000', // 设置图表的边框的颜色 borderWidth: 1 //设置图表的边框宽度 }, highlighter: { show: false } }); }, error: function () { alert; }; 效果图:

今天就写到这里吧,初步看了一下官方上的事例,功能还是蛮强大的,使用也很方便、容易,根据本项目的需求,后续可能还会增加一些。不过在使用过程中也发现了一些问题,部分实现不一定可以满足。

版权声明:本文由太阳集团发布于太阳2007娱乐官方网址,转载请注明出处:绘图的过程如果使用原生态脚本绘制这样比较麻