有什么方法可以根据负值/正值等值隐藏条形图吗？

Question

我正在使用 LightningChartJS 创建带有条形图的图表。我有正值和负值的数据。有没有可用的属性可以根据我想看到的内容隐藏负条或正条？

注意：我显然可以编写一些基本逻辑来实现此功能，但我正在寻找一些内置功能。

const rectangles = chart.addRectangleSeries()
const addValues = (entries) => {
      for (const entry of entries) {
        bars.push(add(entry))
      }
}


const add = (entry) => {
      // Create rect dimentions.
      const rectDimensions = {
        x: x - figureThickness,
        y: 0,
        width: figureThickness,
        height: entry.value
      }
      // Add rect to the series.
      x += figureThickness + figureGap
      // Return data-structure with both original 'entry' and the rectangle figure that represents it.
      return {
        entry,
        rect
      }
    }

    chart.addValues([
  { category: '', value: 20 },
  { category: '', value: 40 },
  { category: '', value: -23 },
  { category: '', value: -29 },
  { category: '', value: 15 }
])

Answer 1

要根据值隐藏 series/figures，您必须在应用程序端实现此逻辑。

为此你有两个选择：

将条形分成两个 RectangleSeries，一个具有正值，另一个具有负值。
像现在一样只使用一个 RectangleSeries，但要单独设置每个图形的样式。当您使用 RectangleSeries.add().

在任何一种情况下，您都必须隐藏 series/figures 您不想想看的内容，并恢复您想看的内容。 RectangleSeries 和图形都有 dispose() 和 restore() 方法。

有什么方法可以根据负值/正值等值隐藏条形图吗？

Is there any way we can hide bars based on their values like negative / positive?

javascript

charts

bar-chart

lightningchart