如何在线图中为每一行添加类

时间:2015-07-15 07:09:54

标签: d3.js nvd3.js linechart

我画了一个折线图,我想给每一行一个动态类。

 nv.addGraph(function() {
        height = 450;
        width = $(div).width() - 50;
        chart = nv.models.lineWithFocusChart()
            .width(width)
            .height(height);
        var svg = d3.select(div).append("svg")
            .datum(chartsData)
            .call(chart)
            .style({
                'width': width,
                'height': height
            })

数据:

 data: {
            values: formatedData,
            key: key,
            color: color,
            class: '_class'
        }

我已经通过了数据中的类,但它没有选择这个... 我想为每一行提供课程

编辑: 这就是我在行中添加类的方法。 在nv.d3.js我已将此功能更新为:

  // Update Main (Focus)
                var focusLinesWrap = g.select('.nv-focus .nv-linesWrap')
                    .datum(
                        data
                        .filter(function(d) {
                            return !d.disabled
                        })
                        .map(function(d, i) {
                            return {
                                key: d.key,
                                class: d.class,
                                circleClass: d.circleClass,
                                values: d.values.filter(function(d, i) {
                                    return lines.x()(d, i) >= extent[0] && lines.x()(d, i) <= extent[1];
                                })
                            }
                        })
                    );

并在此处理:

var groups = wrap.select('.nv-groups').selectAll('.nv-group')
groups
    .attr('class', function(d, i) {
                        return d.class + ' nv-group nv-series-' + i
                    })

0 个答案:

没有答案