nvd3.js - невозможно изменить цвет символа на точечной диаграмме

Я пытаюсь изменить цвета разных групп точечной диаграммы nvd3 здесь, но не могу чтобы понять, как это сделать. Я хотел бы изменить цвета 4 серии в примере на оранжевый, зеленый, желтый, красный.

    nv.addGraph(function() {
    chart = nv.models.scatterChart()
    .showDistX(true)
    .showDistY(true)
    .color( d3.scale.category10().range() ); //  tried to change to green, orange here but it did not work 
    };

Я старался

        .color( d3.rgb("green"), d3.rgb("orange") );

но тогда сюжет даже не появился. Я новичок в javascript. Поэтому, пожалуйста, извините мою ошибку, если это слишком просто.

Изменить

Я также хотел бы знать, как выбрать цвет на основе значений RGB.

Спасибо


javascript color-scheme d3.js scatter-plot nvd3.js
person Dinesh    schedule 10.04.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Функция color принимает массив цветов. Для точечной диаграммы это соответствует одному цвету на группу данных.

если вы измените его на

nv.addGraph(function() {
chart = nv.models.scatterChart()
.showDistX(true)
.showDistY(true)
.color(  [d3.rgb("green"), d3.rgb("orange")] ); 
};

кажется, работает так, как вам нужно.

ИЗМЕНИТЬ – установка цвета с помощью строки RGB

это можно сделать с помощью синтаксиса css

 nv.addGraph(function() {
chart = nv.models.scatterChart()
.showDistX(true)
.showDistY(true)
.color(  ["rgb(0,255,0)","rgb(255,165,0)"] ); 
};

Вам было бы полезно прочитать документацию по API по адресу https://github.com/novus/nvd3/wiki/API-Documentation

person olly_uk    schedule 10.04.2014
comment
Можем ли мы указать значения RGB вместо green или orange? - person Dinesh; 10.04.2014
comment
вы можете использовать синтаксис css - person olly_uk; 10.04.2014
comment
Не могли бы вы ответить на этот вопрос? У меня похожая проблема. chart" title="nvd3 js не может изменить цвет линии на линейной диаграмме"> stackoverflow.com/questions/22993992/ - person Dinesh; 10.04.2014