如何在plottable中创建烛台图。js
在plottable中创建烛台图的最佳方法是什么？我想做一些类似于wiki上的图像的事情：wiki示例
我在考虑使用堆叠的酒吧情节，并用css对其进行样式化。例如，条形图中最下面的值是透明的，只是为了垂直放置烛台。条形图中的下一个值将是下杆（用css水平挤压的矩形成为直线）。接下来是已经是矩形的身体，上面的棍子将再次被挤压成矩形。
这是正确的方法还是有更优雅的解决方案？外面有什么例子吗？以前有人做过这样的事吗？
共有1个答案
很高兴你问了！在Plottable中做到这一点的最好方法是结合Plot。矩形和情节。段使用组。这里有一个例子：
window.onload = function() {
var xScale = new Plottable.Scales.Time();
var yScale = new Plottable.Scales.Linear();
var dataset = new Plottable.Dataset(exampleData);
var wicks = new Plottable.Plots.Segment();
wicks.addDataset(dataset);
wicks.x(function(d) { return parseDate(d.date, 12); }, xScale);
wicks.y(function(d) { return d.high; }, yScale);
wicks.y2(function(d) { return d.low; });
wicks.attr("stroke", "black");
var candles = new Plottable.Plots.Rectangle();
candles.addDataset(dataset);
candles.x(function(d) { return parseDate(d.date, 2); }, xScale);
candles.x2(function(d) { return parseDate(d.date, 22); });
candles.y(function(d) { return d.open; }, yScale);
candles.y2(function(d) { return d.close; });
candles.attr("fill", function(d) {
if (d.close > d.open) {
return "#63c261";
} else {
return "#fd373e";
}
});
var candlesticks = new Plottable.Components.Group([wicks, candles]);
candlesticks.renderTo("#chart");
};
function parseDate(dateString, hourOfDay) {
var day = new Date(dateString);
day.setHours(hourOfDay);
return day;
}
var exampleData = [
{
date: "2014-08-29",
open: 102.86,
high: 102.90,
low: 102.20,
close: 102.50
},
{
date: "2014-08-28",
open: 101.59,
high: 102.78,
low: 101.56,
close: 102.25
},
{
date: "2014-08-27",
open: 101.02,
high: 102.57,
low: 100.70,
close: 102.13
},
];body { background-color: #AAA; }
svg { background-color: #FFF; } <html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/1.16.2/plottable.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/plottable.js/1.16.2/plottable.css">
</head>
<body>
<svg id="chart" width="400" height="300"></svg>
</body>
</html>-
我正在开发一个显示每日财务数据的应用程序，并选择使用JFreeChart。我能够学习如何创建烛台图表，但我的问题在于定制。 你看，我的目标更像是 然而，到目前为止，我所能做的就是 无论我放大多远，烛台的宽度都不会增加。 我相当肯定，不知何故，薄烛台与一定的时间范围有关。。我已经试着去补救，但我不确定我到底做错了什么。
-
烛台图表用于显示价值差异的开盘价和收盘价，通常用于表示股票。 在本节中，我们将讨论以下类型的基于烛台的图表。 Sr. No. 图表类型/描述 1 Basic Candlestick 基本烛台图表。 2 Candlestick with customized colors 自定义烛台图表。
-
我一直试图建立一个既有烛台又有ichimoku的图表（此外，我还想在图表上绘制支撑和阻力线、通道、谐波模式等）。我已经得到了各种资源的帮助... 我已经建立了两个脚本，一个可以建立RSI和MACD烛台图表。第二个可以构建ichimoku（Python/API计算ichimoku图表组件）。 第一稿 第二稿 我用的股票价格csv文件在这里 上面第二个脚本的问题是我在行中出错 烛台ohlc（ax=ax
-
关于图案 Illustrator 附带提供了很多图案，您可以在“色板”面板以及 Illustrator 光盘的 Illustrator Extras 文件夹中访问这些图案。您可以自定现有图案以及使用任何 Illustrator 工具从头开始设计图案。用于填充对象的图案（填充图案）与通过“画笔”面板应用于路径的图案（画笔图案）在设计和拼贴上都有所不同。要想达到最佳结果，应将填充图案用来填充对象，而画
-
在 Illustrator 中，您可以创建不同类型的图表，并且为了满足您的需求，可以对这些图表进行自定义。单击并按住“工具”面板中的图表工具 ()，可以看到您能创建的所有不同类型的图表。在 Illustrator 中创建不同类型的图表 创建图表 选择一个图表工具。 您最初使用的图表工具决定了 Illustrator 生成的图表类型。例如，若要创建柱形图，请选择“柱形图”工具。不过，您可以在稍后轻松
-
这参考了蜡烛图的JFreeChart渲染。下面是使用JFreeChart生成蜡烛棒图表的代码片段。 这段代码已经过测试，并且已经运行了很长时间。但是，JFreeChart的版本已从1.0.17更改为1.0.19，使用1.0.19生成的烛台图表显示蜡烛对象/线的污迹。当我将库更改回1.0.17时，烛台对象/线再次变得清晰。 下面提供了两个库的图像。 我曾试图找出原因，但至今仍不成功。现在的问题是，由