0

HTML 5 / JavaScript ティー チャートで、縦横の長方形 / バンド (ガント チャートのように) を描画する必要があります。

以下のように Bar シリーズを使用して長方形を描くことができますが、x 軸から立つのではなく、特定の XY 座標に長方形を浮かせたいと思います。

var series1 = new Tee.Bar();
                     series1.data.values = [30000];
                     //alert(" openValues[y] "+ openValues[y] + " closeValues[y]  "+ closeValues[y] );
                     series1.data.x = [ (openValues[y] + closeValues[y]) /2 ];
                     series1.format.shadow.visible = false;
                     series1.format.lineCap = "round";
                     series1.format.stroke.fill = "#D3D3D3";
                     series1.format.stroke.size = .5;
                     series1.colorEach = "auto";
                     series1.format.join = "round";
                     series1.format.cap = "square";
                     series1.format.fill="#F8F8FF";
                     series1.barSize=100000;
                     //series1.format.transparent =1;
                     series1.color = "silver";
                     series1.marks.visible = false;
                     //series1.hover.shadow =false;
                     series1.hover.stroke.size =.01;
                     Chart1.addSeries(series1);

HTML 5 / Javascript Teecharts を使用して四角形を描画することは可能ですか? 特定の x1、y1、x2、および y2 値を使用して、ガント チャートのように四角形を描画したいと考えています。

Teecharts で Format Object を使用してみましたが、役に立ちませんでした

Chart1.panel.format.rectPath(20,20,30,40);

4

2 に答える 2

1

html5を使用して単純な長方形を描画するには...

window.onload = function() {
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    context.beginPath();
    context.rect(188, 50, 200, 100);
    context.fillStyle = '#8ED6FF';
    context.fill();
    context.lineWidth = 5;
    context.strokeStyle = 'black';
    context.stroke();
  };

これは、html5を使用したガントチャートのリンクの例です

http://www.eecg.toronto.edu/~brousse1/Libraries/RGraph/docs/gantt.html

于 2012-06-08T13:26:32.063 に答える
0

次の TeeChart Javascript v1.1 には、ガント シリーズが含まれます。これがデモです: http://www.steema.us/files/jscript/demos/series/gantt/gantt.htm

それについてのコメントをお待ちしております。

スティマ サポート セントラル

于 2012-06-12T07:09:59.433 に答える