如何形成这种图形？

Question

我想根据用户输入的数据创建这种图形。 主要问题是关于点上方框的显示。 让我解释一下，背景确实包含一个类似于患者想要提及的尿液颜色的渐变图像。

请建议我创建此图表。需要动态获取整个数据。

Answer 1

如果没有很多图形工具可以帮到你，你可以用普通的旧HTML来思考： - ）

表格或绝对定位的DIV。如果使用表格，则可以识别单元格并添加一个类，以使该单元格的边框为红色。你可以用DIV做同样的事情。当您将表格单元格或DIV打印到页面时，您可以使用8-2-27（单位月份日期）识别它们，并且您的JSON数据可以匹配相应的单元格/ div并添加一个类。

当然，这比使用开箱即用的插件要多得多。但这是可能的。我过去做过类似的事情。我发现在服务器端执行所有操作并打印HTML更容易（这是在jQuery为所有内容添加插件之前）。

Answer 2

gRaphael，JSChart，PlotKit，HighCharts是目前用于在客户端创建图表的一些常用库。您只需要提供JSON数据和HTML元素。您无需执行剩余任务。您可以使用JFreeChart在服务器端创建图表（图像）并将其发送到客户端。