Javascript 如何删除HighCharts Sparkine（包含代码和图片）后面的白色框

在下面提供的代码中，您可以看到我有一个包含数据和名称的数据系列列表，对于该列表中的每个系列，我都试图创建一个highcharts sparkline。使用KnockoutJS绑定迷你图的数据。然而，有一个讨厌的白色背景方块，我不知道如何移除（如下图所示）

var highChartsFunction=$（函数（）{
Highcharts.SparkLine=函数（a、b、c）{
var hasRenderToArg=typeof a==“string”| | a.nodeName，
选项=参数[HasRenderArg？1:0]，
默认选项={
图表：{
renderTo:（options.chart&&options.chart.renderTo）| |这个，
边框宽度：0，
类型：'区域'，
背景颜色：“#eeeeee”，
宽度：120，
身高：50，
风格：{
溢出：“可见”
},
斯基普克隆：是的
},
标题：{
文本：“”
},
学分：{
已启用：false
},
xAxis：{
标签：{
已启用：false
},
标题：{
文本：空
},
startOnTick：错，
恩东蒂克：错，
位置：[]
},
亚克斯：{
恩东蒂克：错，
startOnTick：错，
标签：{
已启用：false
},
标题：{
文本：空
},
位置：[0]
},
图例：{
已启用：false
},
工具提示：{
已启用：false
},
打印选项：{
系列：{
动画：错，
线宽：1，
标记：{
已启用：false
},
国家：{
悬停：{
已启用：false
}
},
填充不透明度：0.25，
颜色：“2aabb2”
},
},
};
options=Highcharts.merge（默认选项，选项）；
返回hasRenderToArg？
新高度图表。图表（a，选项，c）：
新高度图表。图表（选项b）；
};
var$tds=$（'div[数据火花]）；
函数doChunk（）{
var i，
len=$tds.length，
$td，
stringdata，
数据
图表
对于（i=0；i

以下是这些小图片背后的html：

<ul data-bind="foreach: $parent.series">
            <li>
                <span data-bind="text: Name"></span>
                <div  data-sparkline="#" data-bind="attr: { 'data-sparkline': Data } "></div>
            </li>
        </ul> 

最后，输出的图片：

---

有没有办法去掉这个白色方块？我尝试了所有的背景属性和边框，但似乎没有任何效果。无论何时我将其添加到JFiddle中，图表看起来都很好，没有白色正方形，因此我无法在那里重新创建问题以隔离它。提前感谢您提供的任何帮助

很难，因为没有活生生的例子。但请尝试以下方法：

ul,
ul li  {
 padding: 0px !important;
margin:0px !important;
}

---

你能在小提琴或现场页面上设置它吗？你确认它是图表的一部分了吗？很可能是li/span/divI同意@jlbiggs。。。从您的屏幕截图上看，图表与白色背景的偏移量（向右和向下偏移了几个像素）。您是否尝试禁用所有CSS并检查是否出现问题？这可能是由样式表中的填充参数引起的。我想，这是ul/li中的一些CSS。更改为div并禁用了css，效果非常好。谢谢你的评论！

ul,
ul li  {
 padding: 0px !important;
margin:0px !important;
}