我目前已经完成了 tradingview 库的集成,并对样式的某些部分进行了初步定制。
当前的 CSS 如下:
.chart-page .apply-common-tooltip, .chart-page .button.undo, .chart-page .button.redo,
.chart-page .symbol-edit-widget .symbol-edit-inputspacer input.symbol-edit {
background: rgba(30,30,30,0.5) !important;
/* background: blue !important; */
border-color: #444 !important;
color: #fff!important;
}
body, .chart-controls-bar, #footer-chart-panel{
background-color: rgba(30,30,30,0.5) !important;
}
.chart-page .chart-container {
background: none !important;
border-color: #444 !important;
}
.drawingToolbar-2CoOuCv8-{
background-color: rgba(30,30,30,0.5);
}
.separator-3cgsM4c1-{
background-color: #666;
}
a.button.getimage.apply-common-tooltip {
background-color: #97999d !important;
}
我想要的是实际修改图表的标题面板,我似乎无法获得正确的 css 组合以使其更接近图表主体并在不破坏子项的情况下降低其高度。
最佳答案
您应该配置新的 css 文件:
var tvChart= new TradingView.widget(option);
tvChart.onChartReady(function() {
tvChart.addCustomCSSFile('css/my-custom-css.css')
})
并将您的新样式放入“my-custom-css.css”
关于javascript - 自定义 tradingview charting_library 标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54032980/