生成具有所需颜色的图表问题，即不显示指定的颜色

我在加载具有指定/所需颜色的气泡图时遇到了一些问题。我尝试了POC并且工作正常，但是当图表加载实际应用程序时，颜色被改变了，即一些其他的引导CSS类正在覆盖指定的并且气泡/圆形以黑色呈现。我在index.html中使用以下引导程序引用。生成具有所需颜色的图表问题，即不显示指定的颜色

<!-- Bootstrap and JQuery --> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

如果您发现圆圈与白色产生的plunker的POC，这是必要的一个，但如果你注意到快照它改变/在黑色显示。我如何重写并使其工作？

Plunker

用于产生气泡图可以在plunker指定的链接

来源

2016-08-17 Krishnan

通过@Yakov费恩提到的选项会的工作，但使用ViewEncapsulation.None有其他的副作用，所以如果你想要去那些读了那条路线。

这个问题已经出现before与角2和d3。您可以使用阴影穿孔样式选择器，例如

:host /deep/ h3 { 
    font-style: italic; 
}

我们可以使用/深/选择器，通过孩子组件树强制风格下到所有的子组件意见。/deep /选择器适用于任何深度的嵌套组件，它既适用于视图子组件，也适用于子组件的内容子组件。 /deep/selector也具有别名>>>。我们可以互换使用两个。

了解更多关于这些特殊选择在这里： https://angular.io/docs/ts/latest/guide/component-styles.html#!#special-selectors

来源

2016-08-17 13:54:40 Ryan

被默认refered angular2组件的代码，角2将模拟阴影的Dom（封装：ViewEncapsulation.Emulated）这样的样式的你的组件不会泄漏到DOM。关闭它通过加入这一行到您的组件的模板： encapsulation:ViewEncapsulation.None

来源

2016-08-17 13:26:40

生成具有所需颜色的图表问题，即不显示指定的颜色

回答

相关问题