圖例未在 LightningChart JS 中顯示所有系列

Question

圖例僅顯示達到圖表高度的系列。 如果圖表的高度為 500 像素，圖例的高度也是 500 像素，因此不會顯示剩余的系列值。 如何在圖例中顯示所有系列值？

例如，即使原始數據有 20 個系列，圖表中也只顯示了 7 個系列名稱。

Answer 1

我建議嘗試使用水平 LegendBox 和垂直 LegendBox 構建器。 您可以通過在 LegendBox 創建期間傳遞LegendBoxBuilder來完成此操作

// Align legendBox entries vertically, with groups aligned horizontally
const legendBox = chart.addLegendBox( LegendBoxBuilders.HorizontalLegendBox )
// Align legendBox entries horizontally, with groups aligned vertically
const legendBox = chart.addLegendBox( LegendBoxBuilders.VerticalLegendBox )

如果這還不夠，您還可以嘗試在圖例框中對系列進行分組，這樣它們就不會在圖表區域之外對齊。

// Add a series to a legendBox, attach it to a specific group
legendBox.add(
  // Series to attach to the legendBox.
  series1,
  // Boolean to set if clicking on the checkbox should hide/show the series attached.
  true,
  // Group name the entry should be grouped under; if no group with the name exists, it is created. If left empty, entry will be grouped under 'undefined group'.
  'Group 1'
)

// Add a series to a legendBox, set it to a second group
legendBox.add(
  series6,
  true,
  'Group 2'