返回信息流即一个坐标上对应两个柱形图,或者由两条曲线的也好,非常感谢!
这是一条镜像帖。来源:北邮人论坛 / java / #19405同步于 2011/7/17
该镜像源已超过 30 天没有更新,可能在源站已被删除。
Java机器人发帖
[求助]请问jscharts如何画出双柱形图
mx201245
2011/7/17镜像同步4 回复
订阅后,新回复会通过你的通知中心匿名送达。
4 条回复
<div id="chart_container">Loading chart...</div>
<script type="text/javascript">
var myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]);
var myData2 = new Array([10, 10], [15, 5], [25, 25], [30, 20]);
var myChart = new JSChart('chart_container', 'line');
myChart.setDataArray(myData, 'line_1');
myChart.setDataArray(myData2, 'line_2');
myChart.draw();
</script>
这是网上找的画两条折线的代码,可使我这只能显示出一条,用xml加载方式
<?xml version="1.0"?>
<JSChart>
<dataset type="line" id="first line">
<data unit="10" value="20"/>
<data unit="15" value="10"/>
<data unit="20" value="30"/>
<data unit="25" value="10"/>
<data unit="30" value="5"/>
</dataset>
<dataset type="line" id="second line">
<data unit="10" value="10"/>
<data unit="15" value="5"/>
<data unit="25" value="25"/>
<data unit="30" value="20"/>
</dataset>
<optionset>
<option set="setBackgroundColor" value="'#efe'"/>
<option set="setAxisNameX" value="'Custom X Axis Name'"/>
<option set="setAxisNameY" value="'Y Axis'"/>
<option set="setLineColor" value="'#ff0f0f','first line'"/>
<option set="setLineWidth" value="5,'second line'"/>
<option set="setSize" value="500,400"/>
<option set="setTitle" value="'My Chart Title'"/>
<option set="setTitleColor" value="'#5555AA'"/>
<option set="setTitleFontSize" value="10"/>
<option set="setTooltip" value="[15, 'My Tooltip', 'first line']"/>
</optionset>
</JSChart>
却多出了一条直线,你可以试一下
【 在 gotoleft 的大作中提到: 】
: 我也想做那个来着,也不会
【 在 mx201245 的大作中提到: 】
: <div id="chart_container">Loading chart...</div>
: <script type="text/javascript">
: var myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]);
: ...................
呃,我是想统计然后由柱行图显示,不过,你这可以参考一下,谢谢啦