我正在根据特定的条件向我的图表中添加一个标记列表,这些条件是不同的,因此我需要有看起来不同的标记:(使用setGridStrokeXStyle函数似乎没有效果。实现这个目标的正确方法是什么?)
Markers.map((marker) => {
const chartMarker = chart.addChartMarkerXY()
.setPosition({ x: new Date(marker.x) - startDate, y: marker.y });
chartMarker
.setResultTableVisibility(UIVisibilityModes.always)
.setResultTable((table) => table
.setContent([
['Type']
])
)
.setGridStrokeXVisibility(UIVisibilityModes.whenDragged)
.setGridStrokeYVisibility(UIVisibilityModes.whenDragged)
.setTickMarkerXVisibility(UIVisibilityModes.whenDragged)
.setTickMarkerYVisibility(UIVisibilityModes.whenDragged)
.setDraggingMode(UIDraggingModes.notDraggable)
.setGridStrokeXStyle(new SolidLine({ fillStyle: new SolidFill({ color: ColorHEX("#FF69B4"), thickness: 2 }) })); //This doesn't seem to change the marker's appearance.
console.log("style", chartMarker.getGridStrokeXStyle());
});发布于 2022-07-18 05:07:00
在您的代码片段中,setGridStrokeXStyle似乎没有效果的原因是因为X网格笔画不可见。
我用red突出显示了下面图片中的"X网格笔画“元素,以确保:

根据为什么在示例代码中看不到这一点,这是由于此方法调用使其只在拖放图表标记时显示。
.setGridStrokeXVisibility(UIVisibilityModes.whenDragged)此外,另一个方法调用使其无法拖动图表标记,从而导致X网格笔画不可见。
.setDraggingMode(UIDraggingModes.notDraggable)下面是正确设计图表标记的不同部分的一些示例:

https://stackoverflow.com/questions/72978828
复制相似问题