[英]“Flipping/Mirroring” a Flot chart
我正在使用一个名为Lorikeet的框架,它是基于Flot Javascript框架构建的。 目前我可以使用他们对图表的基本用法,它显示了一个很好的图形:
但是,我的最终目标是将两个不同的图表排成一行:
我的基本问题是如何“翻转/镜像”Flot图表?
从本质上讲,我如何能够显示百分比从100%降至0%并返回到升序100%,并显示“镜像”数据集,根据强度向下增长?
编辑:
这是我到目前为止所做的: http : //hologos.org/stackoverflow/html/example_use%20-%20Copy.html我只能创建两个独立的图形,它们具有与原始图像相同的缩放功能。
这是一个绘制两个flot图表的示例,一个是另一个的镜像。 关键是使用yaxis转换函数,允许轴以“反向”运行:
var somePlot1 = $.plot("#placeholder",
[ {data: d1} ],
{
xaxis: { position: 'top'} // place on top
}
);
var somePlot2 = $.plot("#placeholder2",
[ {data: d1} ],
{
xaxis: { position: 'bottom'}, // place on bottom
yaxis: {
ticks: [0.5, 1.0, 1.5, 2.0, 2.5], // custom ticks to avoid overlap on 0
transform: function (v) { return -v; }, // run the yaxis in reverse
inverseTransform: function (v) { return -v; }
}
}
);
这里的例子。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.