highcharts 相关笔记

1. 使用vue + highstock 画k线图
   参考：https://www.jianshu.com/p/38035a9f1c88

2. 修改交易量柱形图颜色重写方法
   参考：https://stackoverflow.com/questions/12653644/change-color-of-volume-columns-high-low-in-highcharts

Highcharts.seriesTypes.column.prototype.pointAttribs = (function(func) {
    return function(point, state) {
      var attribs = func.apply(this, arguments);
      
      var candleSeries = this.chart.series[0]; // Probably you'll need to change the index
      var candlePoint = candleSeries.points.filter(function(p) { return p.index == point.index; })[0];

      var color = (candlePoint.open < candlePoint.close) ? 'red' : 'green'; // Replace with your colors
      attribs.fill = state == 'hover' ? Highcharts.Color(color).brighten(0.3).get() : color;
      
      return attribs;
    };
}(Highcharts.seriesTypes.column.prototype.pointAttribs));

3. 隐藏范围选择器

Highcharts.setOptions({
  lang: {
      rangeSelectorZoom: '' // 不显示 'zoom' 文字
  }
})
rangeSelector:{
      // 不适用范围选择器
      // enabled:false,
      buttons:[
        {
          type:'month',
          count:6,
          text:''
        }
      ],
      selected:0,
      // 不显示日期选择框
      inputEnabled : false,
    },

4. 本地化配置
   参考：https://www.hcharts.cn/docs/basic-lang/

Highcharts.setOptions({
    lang:{
       contextButtonTitle:"图表导出菜单",
       decimalPoint:".",
       downloadJPEG:"下载JPEG图片",
       downloadPDF:"下载PDF文件",
       downloadPNG:"下载PNG文件",
       downloadSVG:"下载SVG文件",
       drillUpText:"返回 {series.name}",
       loading:"加载中",
       months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
       noData:"没有数据",
       numericSymbols: [ "千" , "兆" , "G" , "T" , "P" , "E"],
       printChart:"打印图表",
       resetZoom:"恢复缩放",
       resetZoomTitle:"恢复图表",
       shortMonths: [ "Jan" , "Feb" , "Mar" , "Apr" , "May" , "Jun" , "Jul" , "Aug" , "Sep" , "Oct" , "Nov" , "Dec"],
       thousandsSep:",",
       weekdays: ["星期一", "星期二", "星期三", "星期四", "星期五", "星期六","星期天"]
    }
}); 

5. 时区问题
   参考：https://blog.csdn.net/li_001/article/details/69382136

6. 动态设置数据
   参考：https://blog.csdn.net/jiary5201314/article/details/39548873

7. 其他
   参考：https://blog.csdn.net/xiaojiang0829/article/details/28265833#comments