Highcharts

问题 in my javascript I defined how to populate a LineChart of Highcharts . This is populated with the data given by a database. The x-axis of the chart is of datetime type and the x-value is DateTime type. xAxis: { type: 'datetime', labels: { formatter: function () { return Highcharts.dateFormat('%d %b - %H:%M:%S', this.value); } } }, lineCharts[index].series[roiIndex].addPoint([point.creationDateTime, point.result]); but what I see is the following: I can't find the solution..does anyone have an

问题 Why are min/maxPadding ignored? I would like to have padding from both sides on xAxis, that is of type 'datetime' Check this example out: http://jsfiddle.net/matijash/zs3Ag/ $(function() { $('#container').highcharts('StockChart', { chart: { }, xAxis: { minPadding: 0.5, maxPadding: 0.5 }, rangeSelector: { selected: 1 }, series: [{ name: 'USD to EUR', data: usdeur }] }); }); 回答1: In the Highstock paddings are not supported,onyl in highcharts. 来源： https://stackoverflow.com/questions/20734679

问题 I have a stacked percent column chart in this example. http://jsfiddle.net/sqgq88rd/5/. I don't want when I click on legend it the column always becomes 100% so I used stacking : 'stacked' and I want column "Total" always becomes 100%, column "part1" and column "part2" use their percent. I fixed max of yAxis was 100, but height of columns wasn't equal. I try this code . $(function () { $('#container').highcharts({ chart: { type: 'column',options3d: { enabled: true, alpha: 5, depth: 100 }, },

问题 I'm using highstocks in an Angular web application to display a chart with multiple series. After updating to the latest firefox version (64.0) the HTML tooltip stopped displaying. It still works well in google chrome, but for some reason firefox does not display the tooltip. Does anyone know how to fix this? 回答1: setting stickyTracking: true for firefox fixed it for me. could not solve this with stickyTracking: false what I saw though is that FF renders the chart differently. 回答2: Yes, it is

问题 Is there a way to create a Highcharts legend inside of a table? I want to be able to style the background of the legend for my Highcharts pie with alternating background colors for each element and custom borders. I've formatted my legend like so, but cannot figure out how to embed it inside a table that I can then format. legend: { layout: 'vertical', align: 'center', verticalAlign: 'bottom', backgroundColor: '#f3f3f3', borderWidth: 0, useHTML: true, itemMarginBottom: 10, labelFormatter:

问题 I have a High Chart chart similar to this bar chart: http://jsfiddle.net/s4zzpLzL/ How would I got about spliting the bar colors so that the color of the bar up until 500 is grey and the color of the bar after is the color you see on the screen? See image below. 回答1: You can set gradient color for series, demo: http://jsfiddle.net/pscwnzk7/1/ $('#container').highcharts({ chart: { type: 'bar' }, series: [{ color: { linearGradient: [0, 0, 0, 500], stops: [ [0, '#ff0ff0'], [0.5, '#ff0ff0'], [0.5

问题 I have a stacked column plot where I need a text annotation below each column. I only found a way to add one annotation. Adding a second annotation yields the error All arguments must be named list . Sadly, I have know clue how to use the hc_annotations function. Here is a little working example and code bits I tried: hc <- highchart() %>% hc_chart(type = "column") %>% hc_plotOptions(column = list(stacking = "normal")) %>% hc_title(text = "Plot with Annotations", useHTML = TRUE) %>% hc_yAxis

问题 I want to create a stacked bar chart with grouped categories like there. This is my example dataframe: region <- c("bavaria", "bavaria", "bavaria", "bavaria", "berlin", "berlin", "berlin", "berlin") year <- c(2016, 2016, 2017, 2017, 2016, 2016, 2017, 2017) month <- c(11, 12, 01, 02, 11, 12, 01, 02) sales <- c(20, 17, 10, 5, 18, 16, 10, 7) inc_sales <- c(3, 2, 1, 0, 4, 3, 2, 0) df <- data.frame(region, year, month, sales, inc_sales) The x axis should be grouped by month / year / region, where

问题 If i zoom an HighStock multi series chart (using either the Navigator or the Range Selector), is there a way to fetch the point.y data only for the zoomed series? For example, if I am showing the sales information for a period across multiple branches (each branch plotted as series), and if zoomed to a week, I would like to know the total of sales for the week across the branches. Does highstock provide access to the zoomed dataset? 回答1: A very brute force approach to this is to loop over

问题 How to Format column chart data labels as shown in the image, Need to format only the second bar. The code i have tried shown below [$('#voo-accepted-orders-graph').highcharts({ chart: { type: 'column', backgroundColor: '#9a97de', minPadding: 0.08, maxPadding: 0.08, }, title: { text: '' }, legend: { enabled: false, }, exporting: { enabled: false }, credits: { enabled: false }, xAxis: { tickWidth: 0, gridLineWidth: 0, gridLineColor: "#5c6bc0", categories: \['accepted', 'auto-accept', 'sent to