TeeChart for JavaScript/HTML5是一個100%的 JavaScript/ HTML5圖表庫，可以在所有兼容的瀏覽器中以原生的Javascript格式使用HTML5 Canvas繪制圖表。 

點擊下載TeeChart for JavaScript/HTML5最新試用版

軸墻

    繪制軸的矩形空間稱為后墻，使用walls.back屬性提供格式：

Chart1.walls.back.visible = true;
Chart1.walls.back.transparent = false;
Chart1.walls.back.format.gradient.visible = true;

系列

    繼承了一個通用的Series類，提供了幾種圖表樣式，每種樣式都是一個具有自己屬性和方法的不同對象類。

• 線
  

• bars

• areas

• pie

• bubble

小貼士：點擊以上系列可以獲得該系列的示例，點擊TeeChart for JavaScript/HTML5示例還可以獲得更多的演示圖表。

系列標志

    標志屬性在系列點附近顯示文本注釋：

var s = new Tee.Bar();
s.marks.visible = true;
s.marks.style = “percent”;

系列和顏色

    圖表具有調色板屬性（字符串格式的顏色數組），系列使用此調色板繪制其點，按圖表圖例顯示系列項目符號。

Chart1.palette = [ “red”, “blue”, “green”, “yellow” ];

   ; 當系列中存在比調色板大小更多的系列或更多點時，調色板中的顏色以循環方式重復使用。

    系列還包含一系列顏色以覆蓋圖表調色板。默認情況下，它是一個null空數組，因此它們共享圖表調色板。

縮放和滾動

    可以通過手動代碼或鼠標/觸摸事件來縮放和滾動圖表。默認行為是在軸內拖動鼠標右鍵進行滾動，使用鼠標左鍵拖動矩形進行縮放/縮放（縮放拖動到右下方向，然后拖放到左上方向）。

    這可以使用圖表縮放和滾動屬性覆蓋：

Chart1.zoom.enabled = true;
Chart1.zoom.mouseButton = 0;  

Chart1.zoom.stroke.fill = “yellow”;
Chart1.scroll.enabled = true;
Chart1.scroll.mouseButton = 2;
Chart1.scroll.direction = “horizontal”;

• Chart1.zoom.mouseButton（0 =左鍵，1 =中鍵，2 =右鍵）

• Chart1.scroll.direction（可以是垂直或兩者）

關注慧聚IT微信公眾號 ???，了解產品的最新動態及最新資訊。