多折线图及多坐标轴实例应用
var plot1 = $.jqplot('chart', [line2,line1], { //集合的数量
title:'${title}',
series:[
{//和集合的数据保存一致,否则会默认初始化
lineWidth: .5, //指定折线的宽度
markerOptions: { size: 8},
label: '收益组合'
},
{
lineWidth: 1, //指定折线的宽度
markerOptions: { size: 2},
label: '净值组合',
yaxis:'y2axis'
}
],
legend: {
show: true,//设置是否出现分类名称框(即所有分类的名称出现在图的某个位置)
location: 'nw'
/*
, // 分类名称框出现位置, nw, n, ne, e, se, s, sw, w.
xoffset: 12, // 分类名称框距图表区域上边框的距离(单位px)
yoffset: 12, // 分类名称框距图表区域左边框的距离(单位px)
background:'#00ccff' , //分类名称框距图表区域背景色
textColor:'#ff0000' //分类名称框距图表区域内字体颜色..其他关于样式设计参考官方文档
*/
},
seriesColors: ["#cbccb2","#ff0000"],//和集合的数据保存对应
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
angle: 70, //倾斜角度
fontSize: '10pt'
}
},
axes:{
xaxis:{
label: '日期',
//renderer: $.jqplot.CategoryAxisRenderer,
renderer: $.jqplot.DateAxisRenderer, //x轴绘制方式 LinearAxisRenderer
tickOptions:{
formatString:'%Y-%m-%d'
},
//tickInterval: ''+86400000, //1 day的毫秒数
labelOptions: {
fontSize: '12pt'
}
},
y2axis:{ //坐标轴y2
tickOptions:{
formatString:'%.2f',
angle:0
},
labelOptions:{
fontFamily:'Helvetica',
fontSize: '14pt'
},
label:' 总 值(亿)' ---竖排的时候,要对齐配置
//min:${minvalueY} // set the min value for the y axis
},
yaxis:{ //坐标轴y
tickOptions:{
formatString:'%.2f',
angle:0
},
labelOptions:{
fontFamily:'Helvetica',
fontSize: '14pt'
},
label:' 得 失(%)' ---竖排的时候,要对齐配置 注意和英文字符的区分
//min:${minvalueY} // set the min value for the y axis
}
}
}
);
效果图:
相关推荐
EXCEL-2007-如何制作双坐标轴图(堆积柱状图+折线图).pdf
EXCEL报表折线图-7-多层折线图(静态).xlsx
EXCEL报表折线图-6-多层折线图(动态).xlsx
自定义坐标轴,折线图,柱状图,多折线图,可以拖动,点击显示详细信息 https://github.com/Saborka/CustomGraphView
Excel模板7-多层折线图(静态).zip
xml灵活配置 flash统计图- flash柱形图- flash圆饼图- flash折线图 多款flash统计图动画
react-charts实现折线图、柱图、饼图等等各种图形,自定义数据,实现自己想要的效果
利用C#在picturebox中绘制折线图包括坐标轴
用MATLAB程序绘画折线图,改变x轴和y轴,确立折线图坐标
图表20130620-2-excel折线图(多个图共用一个横坐标).pdf
Excel模板6-多层折线图(动态).zip
数据可视化-制作折线图
本demo是做一个Android利用蓝牙协议进行连接到心电检测设备,并且在应用上显示检测到的心电的值,用波形图,折线图显示,用到的技术点是 蓝牙协议,socket,硬件是嵌入式开发。
jqplot.highlighter.js-包含针对“使用多个条形图系列时,荧光笔点和工具提示始终位于一组条形图的中间”的修复程序修改适应: : jquery.jqplot.js-通过设置ctx.setLineDash([2,5]);为折线图添加水平虚线
1. 坐标轴折线图:坐标轴折线图是一种常用的图表类型,用于展示数据的变化趋势。它由两条坐标轴组成,水平坐标轴表示时间或其他连续变量,垂直坐标轴表示数据值。坐标轴折线图可以用于展示年度数据的变化趋势。 2. ...
在QML中显示坐标轴,并可以动态添加曲线
Excel折线图怎么设置坐标轴起点不为0?.docx
EXCEL报表折线图-14-漂亮折线图模板.xls
Excel技巧-处理折线图表的缺失数据.docx