Highcharts

How to display No Data Available Message in highcharts

假装没事ソ 提交于 2019-12-21 03:36:27
问题 Can we display a message using highcharts, when the data set does not return any data? For example : "No Data Available" 回答1: This has been added per the uservoice entry. 回答2: It is now supported in Highcharts since v3.0.8 You need to load the no-data module and then, you can specify a custom message through the lang.noData option: Highcharts.setOptions({lang: {noData: "Your custom message"}}); 回答3: I used a little workaround to solve this problem. Basically I'm overlaying a div containing

Highcharts doesn't display series with lots of data points

喜夏-厌秋 提交于 2019-12-21 03:36:06
问题 I have a chart that I would like to display based on a date range from the user. This particular chart has a data point for every 15 minutes. So there can be a lot of data points for each series if a users selects a large date range. Here is a couple of examples: 623 data points in a series 1470 data points in a series In the first example the chart does display. In the second example the chart does not display. There is a Highstock demo (52,000 points with data grouping) that works with a

Highchart - change color of one x-axis label only

久未见 提交于 2019-12-21 03:26:30
问题 So I know how to change the color of x-axis labels in Highchart, which is described here. http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/labels-style/ But what if I want to change the color of just ONE label, not all the labels? How do I apply style to individual labels? 回答1: You can also use the label-formatter to set the style. Full example on jsfiddle: labels: { formatter: function () { if ('Jun' === this.value) { return '

Format Highcharts y-axis labels

六眼飞鱼酱① 提交于 2019-12-21 03:12:24
问题 I'm using Highcharts to generate a line chart that shows currency values. By default the y-axis labels use metric prefixes for abbreviation, e.g. 3k is displayed instead of 3000 I would like to prepend a currency symbol to these labels, e.g. display $3k instead of 3k. However as soon as I add the currency symbol, the metric prefixes are no longer used. I've tried the following yAxis: { labels: { formatter: function () { return '$' + this.value; } } } and also tried yAxis: { labels: { format:

Plotting of Network Topology graph based on json input

独自空忆成欢 提交于 2019-12-20 15:31:34
问题 I want to draw network topology graph with Highchart or any other js library by proving json data as input . While going through the example at http://www.highcharts.com/demo/renderer for Topology plot requirement , I found that it is static and doesn't have any example with fixed json format to render topology dynamically on basis of topology xml . seeking help to plot Logical Topology/network topologies based on various json /xml. 回答1: Check out netjsongraph.js. See the netjsongraph demo

Highcharts: Ensure y-Axis 0 value is at chart bottom

微笑、不失礼 提交于 2019-12-20 11:52:04
问题 I'm outputting a series of highcharts on a page. In some instances, all data for the specified time period may come back with 0 values. In such a case, the chart looks like this: http://jsfiddle.net/charliegriefer/KM2Jx/1/ There is only 1 y-Axis label, 0, and it's in the middle of the chart. I'd like to force that 0 value for the y-Axis to be at the bottom of the chart, which would be consistent with other charts on the page that do have data. Have tried various yAxis properties, such as "min

Displaying percentage inside pie item for highcharts

泄露秘密 提交于 2019-12-20 11:36:18
问题 I am trying to figure out if it is possible to display the percentage for each pie item inside the actual pie item for highcharts? Example of what I mean is something like this: https://developers.google.com/chart/interactive/docs/gallery/piechart 回答1: You may want to look @ dataLabels.formatter. this.percentage option is available for pie Also dataLabels.distance can be set to a negative value for dataLabels inside the pie. Pie with percentage values inside @ jsFiddle 回答2: Its suprisingly

How to draw a vertical line on HighCharts?

♀尐吖头ヾ 提交于 2019-12-20 11:10:54
问题 I want to trace a vertical time line on the current day, but I didn't found solution on HighCharts documentation. Like this : 回答1: You're looking for a plot line. See the documentation here: http://api.highcharts.com/highcharts#xAxis.plotLines. The basic format is: xAxis: { plotLines: [{ color: '#FF0000', // Red width: 2, value: 5.5 // Position, you'll have to translate this to the values on your x axis }] }, 来源: https://stackoverflow.com/questions/21427943/how-to-draw-a-vertical-line-on

How to draw a vertical line on HighCharts?

淺唱寂寞╮ 提交于 2019-12-20 11:10:07
问题 I want to trace a vertical time line on the current day, but I didn't found solution on HighCharts documentation. Like this : 回答1: You're looking for a plot line. See the documentation here: http://api.highcharts.com/highcharts#xAxis.plotLines. The basic format is: xAxis: { plotLines: [{ color: '#FF0000', // Red width: 2, value: 5.5 // Position, you'll have to translate this to the values on your x axis }] }, 来源: https://stackoverflow.com/questions/21427943/how-to-draw-a-vertical-line-on

How to draw a vertical line on HighCharts?

醉酒当歌 提交于 2019-12-20 11:10:03
问题 I want to trace a vertical time line on the current day, but I didn't found solution on HighCharts documentation. Like this : 回答1: You're looking for a plot line. See the documentation here: http://api.highcharts.com/highcharts#xAxis.plotLines. The basic format is: xAxis: { plotLines: [{ color: '#FF0000', // Red width: 2, value: 5.5 // Position, you'll have to translate this to the values on your x axis }] }, 来源: https://stackoverflow.com/questions/21427943/how-to-draw-a-vertical-line-on