FlotCharts:同一图表中的许多不同系列影响图例显示非常糟糕

时间:2015-09-04 02:57:02

标签: javascript html charts show flot

当Scatter图中有10个系列作为示例时 - 图例看起来非常糟糕......它只是延伸到屏幕的底部 - 交叉图表区域等。

有一个允许多项选择的下拉列表会更好: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select_multiple

图表外的每个选项旁边的颜色/图例(不在图表内)。 这样,对于许多系列来说,这将是一个优雅的解决方案,用户可以向下滚动并一次选择他/她想要看到的多个系列(当时不仅仅点击1个)..

1 个答案:

答案 0 :(得分:0)

如果您有很多系列,我建议您自己构建图例。只需循环遍历整个数据集并自己生成HTML,我已经使用了带有复选框的表格,之前每个列和行都有复选框。

您可以(取消)激活图表中的系列,每次单击复选框或仅在单击专用按钮后更新图表。要更新复选框上的图表循环,请将相应的数据系列从cmoplete数据集复制到当前图表的第二个数据集。这应该与多重选择类似。

基本功能显示在this example中。只需删除默认图例,然后使用复选框将颜色添加到外部图例中。

通常,也可以在默认图例中包含多个列,或者将图表外的默认图例移动到给定的容器中。请参阅documentation