0

将 TeeChart 用于 HTML5/Javascript；我正在尝试找到一种方法让图表区域扩展到没有右轴的图表右侧的未使用空间。设置右轴 visible='false' 不起作用。

<html>
<head>
<script type="text/javascript" src="http://www.bankdynamics.com/teechart/src/teechart.js"></script>
<script type="text/javascript">

function DrawCharts()
{
var Chart1=new Tee.Chart(document.getElementById("ChartCanvas1"));
Chart1.addSeries(new Tee.Bar([0,0,0,0]) );
Chart1.addSeries(new Tee.Bar([0,0,0,0]) );

Chart1.title.visible=false;
Chart1.legend.visible=false;

Chart1.axes.left.visible=false;
Chart1.axes.right.visible=false;
Chart1.axes.bottom.visible=false;
Chart1.axes.top.visible=false;

Chart1.palette.colors[0] = "#626200";
Chart1.palette.colors[1] = "#800040";
Chart1.palette.colors[2] = "#00a8a8";
Chart1.palette.colors[3] = "#8080c0";

Chart1.panel.transparent=true;

var OutFlowsSeries = Chart1.series.items[0];
var  InFlowsSeries = Chart1.series.items[1];

OutFlowsSeries.marks.style="label";
 InFlowsSeries.marks.style="label";

OutFlowsSeries.colorEach="yes";
 InFlowsSeries.colorEach="yes";

 InFlowsSeries.data.values[0] =  2;
OutFlowsSeries.data.values[0] = -2;

 InFlowsSeries.data.values[1] =  1;
OutFlowsSeries.data.values[1] = -1;

 InFlowsSeries.data.values[2] =  4;
OutFlowsSeries.data.values[2] = -4;

 InFlowsSeries.data.values[3] =  3;
OutFlowsSeries.data.values[3] = -3;

Chart1.draw();
}
</script>

</head>

<body onLoad="DrawCharts();">

<canvas id="ChartCanvas1" width="700" height="200" style="border:1px solid black;">
(This browser does not support HTML5 Canvas feature)
</canvas>

</body>

</html>
4

1 回答 1

1

我们刚刚解决了这个问题。请写信给“steema dot com 的信息”，询问新的 js。

此外，请注意还有另一个设置可以控制每个图表边缘的百分比空间，可以将其设置为零：

var m=Chart1.panel.margins; m.left=m.right=m.top=m.bottom=0;

Steema 支持团队。

于 2012-06-07T12:46:35.180 回答