如何在Amchart-Stockchart中应用样式

时间:2018-10-02 10:02:27

标签: javascript css amcharts

我正在尝试在自己的Amchart-Stockchart中应用各种样式,可以在https://codepen.io/Volabos/pen/xywPdb中查看这样的样式

但是我没有按照以下两种样式进行申请:

  1. 我想fill the area under line的值Alpha到x轴。我发现fillAlpha有一个选项,但是我无法应用此选项。
  2. Zoom选项中,我想应用不同的样式,例如不同的背景颜色(用于不同的缩放选项,字体等)。我想知道是否可以在各种Divs中变形它们并将它们放置在网页的其他合适空间中。

有可能实现它们吗?任何指针将不胜感激。

1 个答案:

答案 0 :(得分:1)

该属性称为fillAlphas-您最后缺少s

stockGraphs: [{
  // ...
  fillAlphas: .5
},
// ...
]

设置填充色也是这种情况-属性为fillColorss。如果要使用与数据集中指定的颜色不同的颜色,则需要将useDataSetColors设置为false。

您无法将periodSelector缩放选项包装在div中,就无法像使用图例一样来回移动它们。您可以通过将addClassNames设置为true来设置periodSelector组件的样式,并使用列出的here类将所需的CSS应用于与周期选择器关联的元素。请注意,您可以通过将periodSelector的{​​{1}}属性设置为position"top""left""right"来放置{}。

这是一个demo,说明了"bottom"fillAlphas