JavaScript 折线图和面积图，界面类似，如图答案

【问题标题】：JavaScript line and area chart with similar interface as shownJavaScript 折线图和面积图，界面类似，如图
【发布时间】：2015-12-07 03:16:10
【问题描述】：

有没有图表API可以提供类似图片的接口？

我之前曾研究过 amcharts 和 highcharts，但经过无数次调整后，我无法让它们看起来与图片中显示的相似。特别是：

能够使用渐变
折线图中的项目符号

到目前为止，我已经探索过（未研究过）这些其他 API：d3、fusion charts、rickshaw、protoshart、flotr，但没有一个示例与所示示例相似。

图表API数量众多，无法一一探索。

【问题讨论】：

标签： javascript charts highcharts

【解决方案1】：

Highcharts 可以给你一个渐变，例如

http://jsfiddle.net/afgdwukw/

 series: {
            fillColor: {
                linearGradient: [0, 0, 300, 300],
                stops: [
                    [0, Highcharts.getOptions().colors[0]],
                    [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                ]
            }
        }

您可以指定多个停靠点以在不同颜色之间转换。

我在您的图片中看不到任何无法在 highcharts 中完成的内容。如果您遇到特定问题，请针对特定问题发布问题，最好使用 jsfiddle 显示您迄今为止尝试过的内容。

我在您的图片中没有看到任何使用 highcharts 无法完成的内容。

【讨论】：

感谢先生的回答....我将为我面临的具体问题创建小提琴并再次发布我的问题....但是为了时间....我们可以将堆积面积图与折线图结合起来......我们可以在数据点（折线图）中设置间距，如图所示......
你可以组合图表，你可以随意排列数据点，你甚至可以做中间百分比的小圆图。