相关疑难解决方法(0)

我想使用Chart.js在图表中绘制一条水平线.但是我无法做到.

我已经读过这个问题 - Chart.js - 绘制一条任意垂直线 - 但我无法转换绘制水平线而不是垂直线的代码.

我希望你能帮助我(尤其是potatopeelings :)).

任何人都可以告诉我如何扩展Chart.js v2.0.我需要在折线图中使用垂直线,我想实现类似于http://jsfiddle.net/dbyze2ga/的内容.

Chart.types.Line.extend({
name: "LineWithLine",
draw: function () {
    Chart.types.Line.prototype.draw.apply(this, arguments);

    var point = this.datasets[0].points[this.options.lineAtIndex]
    var scale = this.scale

    // draw line
    this.chart.ctx.beginPath();
    this.chart.ctx.moveTo(point.x, scale.startPoint + 24);
    this.chart.ctx.strokeStyle = '#ff0000';
    this.chart.ctx.lineTo(point.x, scale.endPoint);
    this.chart.ctx.stroke();

    // write TODAY
    this.chart.ctx.textAlign = 'center';
    this.chart.ctx.fillText("TODAY", point.x, scale.startPoint + 12);
}
});

new Chart(ctx).LineWithLine(data, {
                            datasetFill : false,
                            lineAtIndex: 2
 });

有许多扩展图表以包括水平和垂直线的示例.但是,我还没有找到一种用水平条形图绘制垂直线的方法.

1. 水平线图上的水平线
2. 水平线图上的垂直线
3. 垂直条形图上的水平线

没有"垂直折线图"选项,例如有"水平条形图"选项.如何将水平条形图与垂直线组合？

Chart.js文档

结果将有一个条形数据集和一个线数据集,可以使用相同的轴在同一图表上使用,如下所示:

我想创建一个Linegraph,它可以分别渲染3个不同的数据集.y轴是共享的.

例如,前4个点属于数据集1(绿色),接下来的7个点属于数据集2(黄色),后9个点属于数据集3(红色).每个数据集中的行不连接.我还想在共享画布上的每个图形之间绘制一条垂直线,以进一步区分数据集.

每个折线图有3个画布元素并没有为我剪切.Chart.JS文档不清楚如何进行这种类型的自定义.我希望有任何帮助让我自己走上正确的代码.

感谢您的时间.