javascript - 如何在 Amcharts-Stockchart 中应用样式

标签 javascript css amcharts

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

但是我未能应用以下 2 种样式:

  1. 我想用光 Alpha填充线下区域 直到 x 轴。我找到了一个带有 fillAlpha 的选项,但我无法应用此选项。
  2. Zoom 选项中,我想应用不同的样式,例如不同的缩放选项、字体等有不同的背景颜色。我想知道我是否可以在各种 Divs 中扭曲它们并将它们放在网页中其他合适的空间。

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

最佳答案

该属性称为 fillAlphas - 你错过了最后的 s:

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

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

您不能将 periodSelector 缩放选项包装在一个 div 中,然后像使用图例那样移动它们。您可以通过设置 addClassNames 来设置 periodSelector 组件的样式。为真并使用列出的类将所需的 CSS 应用于与句点选择器关联的元素 here .请注意,您可以通过将 position 属性设置为 "top""left""left" 来定位 periodSelector"right""bottom"

这是一个 demo说明 fillAlphasaddClassNames

关于javascript - 如何在 Amcharts-Stockchart 中应用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52606137/

相关文章:

javascript - AmCharts 基于数据的动态列

javascript - 如何获取子节点列表?

javascript - 为什么 afterRender 上 $(element).offset().top == 0 ?

html - 与 JSP 和 CSS 文件 float 对齐

html - CSS 在标题内容后添加下划线

amcharts - 如何在 amcharts v4 中单击时突出显示单个条形

zooming - 禁用 amchart map 上的缩放

javascript - 如何动态获取状态数组名称 React

javascript - 如何使用 jQuery 保存照片?

css - 为什么我不能实现这个简单的 CSS