首頁猿問刪除 LightningChart...

刪除 LightningChart Chart3D 中的所有軸線

JavaScript

尚方寶劍之說 2023-12-14 16:01:10

我在 React 沙箱應用程序中使用lcjs，嘗試制作僅渲染條形圖本身的 3D 條形圖。（示例中的條形圖被隱藏了）但是，API 文檔似乎沒有為我提供訪問 3D 畫布中繪制的所有線條的方法。這是包含所有行的示例：this.chart = lightningChart().Chart3D({ container: this.chartId });這是生成的 3D 視圖，包含所有周圍的線條：我可以用以下方法刪除主軸線：this.chart.forEachAxis((axis) => { axis.setStrokeStyle(emptyLine); });請注意主軸現在是空的，但所有其他“非默認”軸仍然存在。我將如何隱藏所有這些并讓圖表在沒有任何軸線的情況下呈現？

查看完整描述

1 回答

GCT1015

TA貢獻1827條經驗獲得超4個贊

可以使用自定義主題來編輯邊界框線條樣式。

LightningChart JS 導出customTheme功能，可用于基于另一個主題創建新主題。您可以使用該函數創建一個新主題，并將邊界框線設置為emptyLine。

const myTheme = customTheme(Themes.dark, {

? ? boundingBoxStyle3D: emptyLine

})

然后，當您創建 3D 圖表時，您可以使用創建的主題作為圖表應使用的主題。

const chart3D = lightningChart().Chart3D({

? ? theme: myTheme

})

請參閱下面的工作示例。

// Extract required parts from LightningChartJS.

const {

? ? lightningChart,

? ? SolidFill,

? ? SolidLine,

? ? Themes,

? ? customTheme,

? ? emptyLine,

? ? emptyTick

} = lcjs

// Create custom theme based on the dark theme and edit the boundingBoxStyle3D property to be emptyLine to hide the bounding box lines

const myTheme = customTheme(Themes.dark, {

? ? boundingBoxStyle3D: emptyLine

})

// Initiate chart

const chart3D = lightningChart().Chart3D({

? ? theme: myTheme

})

// Set Axis titles

chart3D.getDefaultAxisX()

? ? .setTickStrategy("Empty")

? ? .setStrokeStyle(emptyLine)

chart3D.getDefaultAxisY()

? ? .setTickStrategy("Empty")

? ? .setStrokeStyle(emptyLine)

chart3D.getDefaultAxisZ()

? ? .setTickStrategy("Empty")

? ? .setStrokeStyle(emptyLine)

反對回復 2023-12-14

1 回答
0 關注
185 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

刪除 LightningChart Chart3D 中的所有軸線

刪除 LightningChart Chart3D 中的所有軸線

1 回答

添加回答