Question

使用TeeChart for 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>

Answer 1

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

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

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

Steema支持团队。

Teechart for javascript;回收右侧未使用的空间

1 个答案: