图表 primefaces 零线

Question

我在 java primefaces 中创建条形图。

图表有负值和正值。

我想添加在 0 处分隔负值和正值的原点线。

Answer 1

我不确定您是否可以通过添加到 <p:chart> 标记或支持 bean 中的模型的任何属性直接执行此操作。

但是，图表通过 Chrome 的开发工具呈现为 HTML5 canvas, which allows you to draw on it with javascript. I managed to draw all over the PrimeFaces showcase，方法是向 canvas 添加一个 id 属性，然后将其输入控制台：

var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,217);
ctx.lineTo(1276,217);
ctx.stroke();

对于您的模型，您必须弄清楚 X 和 Y 坐标的正确值是多少，这些值可能会随着模型值的变化而变化。我希望您需要以某种方式计算它。

图表 primefaces 零线

chart primefaces zero line

java

charts

primefaces