How to use the highcharts/highstock.chart function in highcharts

To help you get started, we’ve selected a few highcharts examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github tronscan / tronscan-frontend / src / components / common / LineCharts.js View on Github external
_config.yAxis.title.text = intl.formatMessage({id: 'billion_usd'});
            _config.yAxis.tickAmount = 6;
            _config.yAxis.min = 0;
            _config.series[0].marker.enabled = false;
            //_config.series[0].pointInterval = 24 * 3600 * 1000;
            // _config.series[0].pointStart = Date.UTC(2018, 5, 25);
            _config.tooltip.formatter = function () {
                let date = intl.formatDate((parseInt(this.point.x)));
                return (
                    intl.formatMessage({id: 'date'}) + ' : ' + date + '<br>' +
                    intl.formatMessage({id: 'volume'}) + ' : ' + this.point.y +'<br>'
                )
            }
        }

        Highcharts.chart(document.getElementById(id),_config);
    }
github tronscan / tronscan-frontend / src / components / common / LineCharts.js View on Github external
// _config.xAxis.tickPixelInterval = 100;
        // _config.xAxis.minRange=24 * 3600 * 1000;
        // _config.yAxis.title.text = intl.formatMessage({id: 'addresses_amount'});
        // _config.yAxis.tickAmount = 5;
        // _config.yAxis.min = 0;
        _config.yAxis.tickPositions = [0,20,40,60,80,100];
        _config.yAxis.labels.formatter = function() {
            return this.value + '%'
        }
        //_config.series[0].marker.enabled = false;

        //_config.series[0].pointInterval = 24 * 3600 * 1000;
        //_config.series[0].pointStart = Date.UTC(2018, 5, 25);


        Highcharts.chart(document.getElementById(id),_config);

    }
    shouldComponentUpdate(nextProps)  {
github WeBankFinTech / WeEvent / weevent-governance / web / src / components / statistics.vue View on Github external
setTimeout(fun => {
            Highcharts.setOptions({
              lang: {
                thousandsSep: ','
              }
            })
            Highcharts.chart('chart', vm.option)
          }, 500)
        } else {
github WeBankFinTech / WeEvent / weevent-governance / web / src / components / webase / chart.vue View on Github external
setTimeout(fun => {
          Highcharts.setOptions({
            lang: {
              thousandsSep: ','
            }
          })
          Highcharts.chart('chart', vm.option)
        }, 500)
      })
github WeBankFinTech / WeEvent / weevent-governance / web / src / components / statistics.vue View on Github external
vm.option.yAxis.max = max
          vm.topic = [].concat(topic)
          setTimeout(fun => {
            Highcharts.setOptions({
              lang: {
                thousandsSep: ','
              }
            })
            Highcharts.chart('chart', vm.option)
          }, 500)
        } else {
          vm.$message({
            type: 'warning',
            message: this.$t('tableCont.getDataError')
          })
          Highcharts.chart('chart', vm.option).showNoData()
        }
      })
    },
github WeBankFinTech / WeEvent / weevent-governance / web / src / components / webase / chart.vue View on Github external
lang (nVal) {
      this.option.lang.noData = this.$t('common.noData')
      this.option.title.text = this.$t('overview.essential')
      this.option.subtitle.text = this.$t('overview.lastWeek')
      if (this.option.series.length === 0) {
        Highcharts.chart('chart', this.option).showNoData()
      } else {
        Highcharts.chart('chart', this.option)
      }
    }
  },
github tronscan / tronscan-frontend / src / components / common / LineCharts.js View on Github external
},
                plotOptions: {
                    column: {
                        stacking: 'normal'
                    }
                },
                series: chartData
            }

            setOption(_config, options)
        }
         
        if (data && data.length === 0) {
            _config.title.text = "No data";
        }
        Highcharts.chart(id, _config);
    }
github tronscan / tronscan-frontend / src / components / common / LineCharts.js View on Github external
series: [{
                    minPointSize: 70,
                    innerSize: '30%',
                    zMin: 0,
                    name: 'countries',
                    data: chartdata
                }]
            }
            Object.keys(options).map(item => {
                _config[item] = options[item]
            })
        }
        if (data && data.length === 0) {
            _config.title.text = "No data";
        }
        Highcharts.chart(id, _config);
    }
github tronscan / tronscan-frontend / src / components / common / LineCharts.js View on Github external
return this.value / 1000000 + 'M'
                    } else if (this.value &lt; 1000) {
                        return this.value
                    }
                }
            }
            _config.tooltip.formatter = function () {
                let date = intl.formatDate(this.point.date);
                return (
                    intl.formatMessage({id: 'name'}) + ' : ' + intl.formatMessage({id: this.point.name}) + '<br>' +
                    intl.formatMessage({id: 'date'}) + ' : ' + date + '<br>' +
                    intl.formatMessage({id: 'total_transactions'}) + ' : ' + this.point.y
                )
            }
        }
        Highcharts.chart(document.getElementById(id),_config);
    }
    shouldComponentUpdate(nextProps)  {