d3fc.js在d3fc JavaScript中设置线系列的类

时间:2018-07-14 03:23:34

标签: javascript svg charts d3fc

如何在d3fc.js中向图表添加类?我正在尝试向d3fc中的SVG元素添加一个简单的类。我已经找到了使用内联CSS .style的示例,但是我想添加一个类。 d3fc.js有可能吗?

我正在处理OHLC(烛台)图表。我有一条线将成为移动平均线。我希望那条线是特定的颜色。我想添加一个类,最好的方法是什么?

此行将位于seriesSvgMulti

  const line = fc.seriesSvgLine()
                 .mainValue(d => d.ma_high)
                 .crossValue(d => d.date);

1 个答案:

答案 0 :(得分:2)

可以使用d3添加一个css类名,并且不是d3fc特有的。它使用装饰器输入图表“ dom”,并使用d3 .classed()方法选择添加了类的SVG元素

  const line = fc.seriesSvgLine()
                 .decorate(function(selection){
					selection.enter().classed('special_line_css_here', true)
				 })
                 .mainValue(d => d.line_average)
                 .crossValue(d => d.date);