Question

我们已经完成了一些我们想要包含在我们网站上的图表模型，如果我们能够使用Highcharts，我们会很激动。但是，我们看到很多Highcharts的作品看起来都相当......

Highcharts是如何定制的？我们可以设想用它来创建像这些模型一样完全的图表吗？例如。与

移动平均线
有吸引力的点表示高低
纯粹的装饰渐变
“键”叠加显示什么颜色线代表什么

那你觉得怎么样？如果我们破解了足够多的Javascript＆amp;造型？

Answer 1

是的，你绝对可以用HighCharts做这些事情！我在这里工作的座右铭是“一切皆有可能。”

对于指示高点和低点的点，您将要使用“符号”作为此示例中的点：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/spline-symbols/

data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
                y: 26.5,
                marker: {
                    symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            }, 23.3, 18.3, 13.9, 9.6]

对于渐变，您可以使用SVG的“线性渐变”功能并将其附加到背景颜色。这是一个例子：http://jsfiddle.net/WNDUH/10/你将要使用的是“停止”来改变不透明度和颜色（也可以使用300来改变高度）：

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

至于密钥叠加，这是您的标准图例，绝对定位如下：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -100,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF',
            shadow: true
        },

至于移动平均线，这基本上是它自己的计算系列。

就像@nathancahill所说，有一个学习曲线，但看起来你所要求的很多东西可以在HighCharts中没有“黑客”任何东西的情况下完成。

希望能帮到你！

highcharts有多灵活？（附上样机。）

1 个答案:

highcharts有多灵活？ （附上样机。）

1 个答案:

highcharts有多灵活？（附上样机。）