外部样式图表和地图在单独的样式表中与javascript分离

时间:2015-07-05 06:26:38

标签: javascript graph charts data-visualization rickshaw

我有一些人力车图表和Jvector地图,需要在单独的css样式表中进行外部样式设置,以更改图表的颜色。如果我在html中看不到svg,如何访问已在js文件中指定的样式。

procedure CurUninstallStepChanged(CurUninstallStep: TUninstallStep);
begin
  if CurUninstallStep = usPostUninstall then
  begin
    RemoveDir(ExpandConstant('{userdocs}\Games'), True, True, True);
  end;
end;

1 个答案:

答案 0 :(得分:0)

人力车有一个系列className选项。

// script.js
// ...
var rdc = new Rickshaw.Graph( {
        element: document.getElementById("dashboard-chart"),
        renderer: 'area',
        width: $("#dashboard-chart").width(),
        height: 250,
        series: [
          {className:'new',data: seriesData[0],name: 'New'}, 
          {className: "rendered",data: seriesData[1],name: 'Returned'}
        ]
} );
// ...

// style.css
.new {
    fill: #B4D278;
}

.rendered {
    fill: #588007;
}

请参阅此JSFiddle:https://jsfiddle.net/m36xguw7/1/