Question

看起来如果你把一个蜘蛛网放在一个仪表后，蜘蛛网突然有一个背景。看看这个jsfiddle：http://jsfiddle.net/hoqk6u4h/

如果你换掉JS的顺序，即蜘蛛网在测量仪之前产生，奇怪的背景就会消失。然而，在当前的顺序中，蜘蛛网得到一个奇怪的背景，我不确定是什么导致了这一点。

html结构非常基础，

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://code.highcharts.com/modules/solid-gauge.src.js"></script>

<div id="selected-streamer-weekly-uptime" style="width: 300px; height: 200px; float: left;"></div>
<div id="container" style="width: 500px; height: 400px;"></div>

JS有点长，但只是产生了测量仪和蜘蛛网，有一些选择。

Answer 1

这是如何创建仪表图表的夸克。在highcharts-more.js（第65行）中创建仪表图表，扩展了一个窗格对象，并重新定义了背景的全局设置。

要纠正此问题，只需添加：

    pane: {
        background: {
            borderWidth: 0,
            backgroundColor: 'transparent',
        }
    },

进入第二次Highcharts.Chart电话。

更新了fiddle。

Gauge引起的Highcharts Spiderweb导致奇怪的行为

1 个答案: