如何在一个适用于HTML5的TeeChart中绘制堆叠和普通系列
How to draw stacked and normal series in one TeeChart for HTML5?
嗨,我正在使用HTML5的TeeChart,想知道如何在一个图表中绘制堆叠和普通序列。我需要堆叠两个系列,第三个不堆叠(正常)。我尝试为特定系列设置堆叠属性。但它对我不起作用——所有系列都是堆叠的。。。
<!DOCTYPE html>
<html>
<head>
<script src="http://www.steema.com/files/public/teechart/html5/v2014.07.31.1.7/src/teechart.js" type="text/javascript"></script>
<script src="http://www.steema.com/files/public/teechart/html5/v2014.07.31.1.7/src/teechart-extras.js" type="text/javascript"></script>
<script type="text/javascript">
var Chart1;
function draw() {
Chart1 = new Tee.Chart("canvas");
Chart1.addSeries(new Tee.Line([1, 2, 3]));
Chart1.addSeries(new Tee.Line([1, 2, 3]));
Chart1.addSeries(new Tee.Line([4, 4, 4]));
Chart1.axes.left.title.text = "Y";
Chart1.title.text = "Stacked Lines";
Chart1.title.format.font.style = "18px Verdana";
Chart1.series.items[0].stacked = true;
Chart1.series.items[1].stacked = true;
Chart1.series.items[2].stacked = false;
Chart1.draw();
}
</script>
</head>
<body onload="draw()">
<canvas id="canvas" width="600" height="400">
This browser does not seem to support HTML5 Canvas.
</canvas>
</body>
</html>
在其他TeeChart版本中,如在TeeChartVCL中,您可以选择设置堆栈组。
我已将此功能添加到TeeChart HTML/Javascript的公共跟踪器中:
http://bugs.teechart.net/show_bug.cgi?id=1159
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 有没有一个javascript图形绘制库可以进行气球树布局
- 使用相同的数据集绘制各种符号
- 使用onclick绘制SVG路径
- 在谷歌地图上绘制位置数据库
- 用chart.js绘制条形图
- “可绘制地图”设置地图选项“纬度-经度”
- 多维数据集网格未在指定的分区中绘制
- 使用谷歌图表在x轴上绘制日期
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 如何在React Native中绘制图形
- 画布中绘制的矩形区域的弹出工具提示
- 如何在OpenLayers中获取动态绘制的多边形的坐标
- 画布:逐像素绘制图像并请求动画帧计时
- D3从嵌套的JSON中绘制第二个圆环图
- 如何用d3.js绘制折线图
- 在WebGL中绘制多个二维图像
- 如何在一个适用于HTML5的TeeChart中绘制堆叠和普通系列
- 在HTML 5 / Javascript Teechart上绘制矩形
- 如何在Javascript/HTML5的TeeChart中获得最新绘制的点坐标