高图中的平滑公式曲线

Question

我需要在高图中绘制公式，例如y = a x + b x ^ 2 + cx ^ 3。曲线需要平滑（不是简单地计算某些点并绘制折线图）。这可能吗？

Answer 1

Highcharts并没有真正设置为数学公式绘图仪。您可以使用以下公式生成一些数据：

var xData = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    a = 2,
    b = 3,
    c = 4;
var fullData = [];
xData.forEach(function (entry) {
    var x = entry;
    var y = a * x + b * (x * x) + c * (x * x * x);
    fullData.push([x, y]);
});

然后您可以为您的图表指定fullData：

$('#container').highcharts({
    chart: {
        type: 'spline',
        animation: Highcharts.svg, // don't animate in old IE
        marginRight: 10
    },
    legend: {
        enabled: false
    },
    exporting: {
        enabled: false
    },
    series: [{
        name: 'Random data',
        data: fullData
    }]
});

为了使此图表更加流畅，您当然会提高x值的分辨率。