JavaScript线和面积图，界面类似，如图所示

Question

是否有任何图表API可以提供如图所示的类似界面？

之前我曾参与过amcharts和highcharts，但经过无休止的调整后，我可以让它们看起来与图片中显示的相似。特别是：

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

到目前为止，我已经探索过（没有使用过它们）这些其他API：d3，融合图表，人力车，protoshart，flotr，但没有一个示例显示在它们看起来类似于显示的那个。

有大量的图表API，无法探索每一个。

Answer 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')]
                ]
            }
        }

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

我在图片中看不到任何在高级图表中无法完成的内容。如果您遇到特定问题，请针对具体问题发布问题，最好使用jsfiddle显示您到目前为止所尝试的内容。

我没有在你的图片中看到任何用高级图表无法做到的事情。