Highcharts 时间序列，可缩放的图表；Highcharts X 轴翻转曲线图；Highcharts 带标记曲线图...

Highcharts 时间序列，可缩放的图表

---

配置

图表

配置可缩放图表。 chart.zoomType 指定了用户可以拖放的尺寸，用户可以通过拖动鼠标来放大，可能值是x，y或xy：

var chart = {
               zoomType: 'x' };

plotOptions

使用 plotOptions 配置图表区域：

配置两个 Y 轴：

var plotOptions = {
               area: {
                   fillColor: {
                       linearGradient: {
                           x1: 0, y1: 0, x2: 0, y2: 1}, stops: [ [0, Highcharts.getOptions().colors[0]], [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] ] }, marker: {
                                                                                                 radius: 2 }, lineWidth: 1, states: {
                                                                                                                hover: {
                                                                                                                    lineWidth: 1 } }, threshold: null } };

plotOptions

plotOptions用于设置图表中的数据点相关属性。

 var plotOptions = {
                series: {
                    cursor