Highcharts

问题 I want to have tooltip also on the xAxis labels. I managed to do it using the events in the highcharts, but the tooltip (with text "Custom tooltip") is always displayed under the label, and I need it to be over the label (which is the small red square). This is the code for highcharts: Highcharts.chart("ch", { chart: { zoomType: "x", type: "line", // line width: 1100, // 1100 plotAreaWidth: 1100, // 1100 plotAreaHeight: 400, // 400 events: { load: function () { var chart = this, xAxis = chart

问题 I want to have tooltip also on the xAxis labels. I managed to do it using the events in the highcharts, but the tooltip (with text "Custom tooltip") is always displayed under the label, and I need it to be over the label (which is the small red square). This is the code for highcharts: Highcharts.chart("ch", { chart: { zoomType: "x", type: "line", // line width: 1100, // 1100 plotAreaWidth: 1100, // 1100 plotAreaHeight: 400, // 400 events: { load: function () { var chart = this, xAxis = chart

问题 I have set up a highstock ohlc with angular 2. But can not set the up and down color for OHLC chart type, for example, green when hclose is increasing and red when it is decreasing. is there any API reference for that or any way to implement? like this below image I want my chart to look like.. 回答1: I found a way like this and its working :-) plotOptions: { ohlc: { color: 'red', upColor: 'green' } }, series : [{ type: 'ohlc', name : 'Stock Price', data : [], yAxis : 0, }, { type: 'column',

问题 I have a Highcharts line chart and have tooltips enabled, however, I would like to change the background color of tooltip for just a single data point on the chart. Is it possible to do so? What I have so far tooltip: { formatter: function () { return this.y; }, backgroundColor: '#68BD49', borderColor: '#000000', borderWidth: '1' }, 回答1: Yes it is possible, by using HTML option and define custom parameters. Obviously you can use CSS styles / classes disable padding/margins, but in the

问题 I have a Highcharts line chart and have tooltips enabled, however, I would like to change the background color of tooltip for just a single data point on the chart. Is it possible to do so? What I have so far tooltip: { formatter: function () { return this.y; }, backgroundColor: '#68BD49', borderColor: '#000000', borderWidth: '1' }, 回答1: Yes it is possible, by using HTML option and define custom parameters. Obviously you can use CSS styles / classes disable padding/margins, but in the

问题 Is it possible to draw custom legends. Actually number of series determine number of legends in highcharts. So is it possible to draw customized number of legends which are not dependent on number of series. Suppose I have two series but I want to draw 10 legends and I want customized actions on click on each legend. 回答1: Disable default legend and create your own by HTML. Further catch click event on items (by i.e jquery) and reconigse if this element should interact with chart. If yes, then

问题 I have managed to create a custom legend to display the series under each category in the legend. I am able to access the name, however I am not able to get the symbol to render along with the name in the legend. Please advice. import React, { Component } from "react"; import * as Highcharts from "highcharts"; import HighchartsReact from "highcharts-react-official"; import HC_more from "highcharts/highcharts-more"; import HC_exporting from "highcharts/modules/exporting"; import HC_series

问题 I am using Angular to show a basic column chart. The idea is to show how many data entries was created by different nodes (This will be received from a web server, but I have removed that code for simplicity for now) I start with showing two basic columns. Then on a button press I change the series so that it only has one entry. In this case, the first column changes and shows the new data, but the second column stays there, showing the old data even though the series has been completely

问题 I am trying to update the data series on the update button by providing new series. As the result, new series will be a plotting along with the old series. And After plotting the new series, the values on are X-axis is clear up. Here I Am attaching the code snippet please have look. Initial State config: this.state = { chartOptions: { credits: { enabled: false, }, chart: { type: 'spline', }, title: { text: 'Chart', }, plotOptions: { series: { shadow: false, marker: { enabled: false, }, }, },