javascript - 如何在绘图区域图中用我们选择的颜色填充区域

标签 javascript d3.js plotly

我想用我们选择的颜色而不是蓝色来更改/填充 plotly Area graph 的区域。但我无法改变它。我提到了This Code .

图表是这样的:

enter image description here

最佳答案

只需添加 fillcolor到您的数据。

var trace1 = {
  x: ['Nov 2013', 'Dec 2013', 'Jan 2014', 'Feb 2014'],
  y: [2, 1, 3, 5],
  fill: 'tozeroy',
  type: 'scatter',
  fillcolor: 'red'
};

var data = [trace1];

Plotly.newPlot('myDiv', data);
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id='myDiv'></div>

关于javascript - 如何在绘图区域图中用我们选择的颜色填充区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39795345/

相关文章:

javascript - 使用 d3.js 组合父数据和嵌套数据

javascript - 如何给NVD3图添加标签换行功能?

python - 如何在 Dash 中编写应用程序布局,使两个图形并排?

javascript - 这个正则表达式是解析字符串的最有效方法吗?

javascript - 如何重写javascript模板字符串

javascript - 将 html 注入(inject)表单

javascript - 从 React 前端调用 PHP Lumen 后端并解决 CORS 问题

javascript - X 轴标签(日期)未正确显示 D3 v4

python - 修复 y 轴的比例/大小

r - 在具有多个迹线的绘图对象的悬停文本中添加两个以上变量