Question

如何更改图表的视图区域。

我在下面的这个例子中编码图像

左轴从0到10，因为有0到10的数据，但我仍然只想显示4到9，几乎就像它的缩放一样。

有可能吗？

<title>Graf TEST </title>
</head>
<script src="http://127.0.0.1/charts/js/teechart.js" type="text/javascript"> </script>
<script src="http://127.0.0.1/charts/js/teechart-extras.js" type="text/javascript"></script>
<script language="JavaScript">

function draw() {

var Chart1=new Tee.Chart("canvas"); 
Chart1.title.text="test";
Chart1.applyTheme("minimal");
Chart1.palette.colors[0] ="green";
Chart1.addSeries(new Tee.Line([]) ); 

var Series1 = Chart1.series.items[0];

Series1.marks.style="value";
Series1.marks.visible=true;

Series1.colorEach="no";

Series1.format.stroke.size=3;

Series1.pointer.visible=true;



Series1.data.values[0]=6;
Series1.data.labels[0] ="Okt";


Series1.data.values[1]=9;
Series1.data.labels[1] ="Nov";

Series1.data.values[2]=10;
Series1.data.labels[2] ="Dec";

Series1.data.values[3]=0;
Series1.data.labels[3] ="Jan";


Chart1.draw();Chart1.toImage("img");canvas.style.display="none";
}
</script>
<p>
<BODY onload="draw()">
<img id="img"><canvas id="canvas" width="800" height="400"></canvas>
</html>

Answer 1

您应该手动设置轴最小值和最大值，例如：

Chart1.axes.left.setMinMax(4,9);

Steema teechart html5 Javazript更改视图区域

1 个答案: