Javascript 使用Teechart重新绘制画布onclick事件

我这里有一个示例代码，可以使用Teechart在画布上绘制随机生成的信号。我定义了两个画布部分。一个是生成10000个样本的信号。而第二个画布栏描绘的是主画布的预览。但是，我不希望预览显示在第二个画布上，这也是一个滚动条

我的第二个问题是，当我将ranger从画布条的一个示例移动到另一个示例时，是否可以在滚动条上重新绘制画布。简单地说，当我在滚动条上滚动时，滚动条是第二个画布。

---

我添加了一个模型，它显示了进度条上的颜色是如何用蓝色标记的，显示了进度条上的部分是如何被查看的。当整个图表滚动时，整个进度条将变为蓝色

var图表1，滚动条；
函数绘图（）{
图表1=新的T形图（“画布”）；
Chart1.addSeries（new Tee.Area（））.addRandom（10000）.format.shadow.visible=false；
图表1.addSeries（新的Tee.Line（））.addRandom（10000）；
Chart1.title.text=“图表滚动器”；
Chart1.panel.transparent=true；
Chart1.legend.visible=假；
图1。轴。底部。设定最小值（200499）；
Chart1.zoom.enabled=false；
Chart1.scroll.mouseButton=0；
Chart1.cursor=“指针”；
Chart1.scroll.direction=“水平”；
卷轴=新的T形卷轴（“画布2”，图表1）；
scroller.onchangg=函数（s、最小值、最大值）{
document.getElementById（“数据”）.textContent=“显示从“+min.toFixed（0）+”到“+max.toFixed（0）”的数据；
}
//变更主题（图表1，“最小”）；
图1.draw（）；
}

此浏览器似乎不支持HTML5画布。


此浏览器似乎不支持HTML5画布。


范围
倒转的

您可以清除

.scroller.onDrawThumb

功能以跳过在滚动程序中绘制序列

scroller.scroller.onDrawThumb = "";

关于第二个问题，您可以将查看的部分存储在一个数组中（即

history

），并使用它在自定义

onDrawThumb

函数中绘制蓝色矩形

下面是一个工作示例：

var图表1，滚动条；
函数绘图（）{
图表1=新的T形图（“画布”）；
Chart1.addSeries（new Tee.Area（））.addRandom（10000）.format.shadow.visible=false；
图表1.addSeries（新的Tee.Line（））.addRandom（10000）；
Chart1.title.text=“图表滚动器”；
Chart1.panel.transparent=true；
Chart1.legend.visible=假；
图1。轴。底部。设定最小值（200499）；
Chart1.zoom.enabled=false；
Chart1.scroll.mouseButton=0；
Chart1.cursor=“指针”；
Chart1.scroll.direction=“水平”；
卷轴=新的T形卷轴（“画布2”，图表1）；
var历史=[]；
scroller.onchangg=函数（s、最小值、最大值）{
document.getElementById（“数据”）.textContent=“显示从“+min.toFixed（0）+”到“+max.toFixed（0）”的数据；
var done=false；
历史记录。forEach（功能（项目）{
如果（！完成）{
如果（（最小值>=项目[0]）&&（最小值=项目[0]）&&（马克斯：我不知道你在问题的第二部分到底想要什么。你能添加一些屏幕截图或模型吗？上面的解决方案效果很好。但是，当我沿着滚动条移动时，是否可以绘制画布的一部分，以及当滚动条沿着滚动条移动时，是否可以改变滚动条下面的颜色？但这并不可行ve是波形。它可以是任何普通颜色，以显示已查看的段。当我滚动时，它位于已查看段的颜色后面。上述功能是否有任何解决方法？我添加了一个模型，其中显示了进度条上的蓝色标记如何显示已查看的段。当整个图表滚动时，整个进度条将变为蓝色。我已将您的模型和说明移到问题上。我将编辑答案，并尝试在其中添加一些说明。