amCharts,具有 2 个 y 轴的列
我正在尝试创建一个带有额外 Y 轴的条形图,该 Y 轴映射条形的百分比年龄。
这是条形图(可以工作并显示条形图):
<settings>
<colors>FFCC00</colors>
<background>
<alpha>100</alpha>
<border_alpha>20</border_alpha>
</background>
<grid>
<category>
<dashed>1</dashed>
</category>
<value>
<dashed>1</dashed>
</value>
</grid>
<axes>
<category>
<width>1</width>
<color>E7E7E7</color>
</category>
</axes>
<values>
<category>
<rotate>42</rotate>
</category>
<value>
<min>0</min>
</value>
</values>
<depth>15</depth>
<column>
<width>85</width>
<balloon_text>{value} user(s)</balloon_text>
<grow_time>3</grow_time>
</column>
<graphs>
<graph gid="0">
<title>Users</title>
<color>3333CC</color>
<alpha>63</alpha>
</graph>
</graphs>
<labels>
<label lid="0">
<text><![CDATA[<b>User distribution</b>]]></text>
<y>18</y>
<text_color>000000</text_color>
<text_size>13</text_size>
<align>center</align>
</label>
</labels>
</settings>
这是数据:
<chart>
<series>
<value xid="0">Afghanistan</value>
<value xid="1">Andorra</value>
<value xid="2">Australia</value>
<value xid="3">Burundi</value>
<value xid="4">China</value>
<value xid="5">Denmark</value>
</series>
<graphs>
<graph gid="0">
<value xid="0">7</value>
<value xid="1">3</value>
<value xid="2">2</value>
<value xid="3">12</value>
<value xid="4">2</value>
<value xid="5">6</value>
</graph>
</graphs>
</chart>
我想要做的是: http://www.amcharts.com/line/two-y-axes- Chart/
但我似乎无法生成第二个 y 轴。 该 y 轴的底部应为 0%,顶部应为 100%。然后我将提供 x 列有多少%的数据。这应该绘制为红线。
有什么想法吗?
I am trying to create a bar chart with an extra Y-axis that maps the %-age of the bars.
This is the bar chart (works and shows the bars):
<settings>
<colors>FFCC00</colors>
<background>
<alpha>100</alpha>
<border_alpha>20</border_alpha>
</background>
<grid>
<category>
<dashed>1</dashed>
</category>
<value>
<dashed>1</dashed>
</value>
</grid>
<axes>
<category>
<width>1</width>
<color>E7E7E7</color>
</category>
</axes>
<values>
<category>
<rotate>42</rotate>
</category>
<value>
<min>0</min>
</value>
</values>
<depth>15</depth>
<column>
<width>85</width>
<balloon_text>{value} user(s)</balloon_text>
<grow_time>3</grow_time>
</column>
<graphs>
<graph gid="0">
<title>Users</title>
<color>3333CC</color>
<alpha>63</alpha>
</graph>
</graphs>
<labels>
<label lid="0">
<text><![CDATA[<b>User distribution</b>]]></text>
<y>18</y>
<text_color>000000</text_color>
<text_size>13</text_size>
<align>center</align>
</label>
</labels>
</settings>
Here is the data:
<chart>
<series>
<value xid="0">Afghanistan</value>
<value xid="1">Andorra</value>
<value xid="2">Australia</value>
<value xid="3">Burundi</value>
<value xid="4">China</value>
<value xid="5">Denmark</value>
</series>
<graphs>
<graph gid="0">
<value xid="0">7</value>
<value xid="1">3</value>
<value xid="2">2</value>
<value xid="3">12</value>
<value xid="4">2</value>
<value xid="5">6</value>
</graph>
</graphs>
</chart>
What i want to do is this:
http://www.amcharts.com/line/two-y-axes-chart/
But i can't seem to be able to generate the second y-axis.
This y-axis should have 0% at the bottom and 100% at the top. Then i will provide the data of how many % the column x has. This should be drawn as a red line.
Any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当前的 Flash 版本无法实现。需要 Java 版本。
Not possible with the current flash version. Javaversion required.