gpt4 book ai didi

javascript - 使用 DOM 在区域上方绘制 Highcharts 绘图线

转载 作者:行者123 更新时间:2023-12-03 00:06:53 25 4
gpt4 key购买 nike

我希望情节线最后渲染(现在区域覆盖它们)。如果我使用 Zindex 宽度增加并且看起来不那么整齐,我也会尝试线宽。我采用这种方法将标记置于绘图线上方,但它不适用于区域上方的绘图线。我做错了什么吗?

componentDidRender() {
if(this.shadowRoot) {
var markers0 = this.shadowRoot.querySelector('.highcharts-markers.highcharts-series-0');
var plotLines0 = this.shadowRoot.querySelector('.highcharts-plot-lines-4');
var area0 = this.shadowRoot.querySelector('.highcharts-area-series');

/// plotlines below markers - works
if(plotLines0 && plotLines0.parentNode && markers0)
plotLines0.parentNode.insertBefore(markers0, plotLines0.nextSibling);

// markers below area - works
// markers0.parentNode.insertBefore(area0, markers0.nextSibling);

//area below plotlines- doesnt work
//if(area0 && area0.parentNode && plotLines0)
//area0.parentNode.insertBefore(plotLines0, area0.nextSibling);

如果我在绘图线下方的区域运行该代码,则不会发生任何变化。

最佳答案

您可以通过以下方式删除倒数第二条网格线:

chart: {
events: {
load: function() {
var prevTick;

Highcharts.objectEach(this.yAxis[0].ticks, function(tick) {
if (tick.isLast) {
prevTick.gridLine.destroy();
}

prevTick = tick;
});
}
}
},

现场演示:http://jsfiddle.net/BlackLabel/obam5yxg/

关于javascript - 使用 DOM 在区域上方绘制 Highcharts 绘图线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54928667/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com