Highcharts

问题 I am wanting to display a marker on the highest and lowest point value in view along the y axis on a line series. I know how to add a marker manually but would like to add/remove them dynamically if a zoom/pan or anything else alters the visible high/low points is there a way to know this and the new high/low to add/remove the markers? A previous SO question asked for similar advice with this mockup image: http://cl.ly/image/1f0m3l241e2S. The answer though is providing it with your data

问题 How do I show relative time on the x-axis in a Highstocks chart? From my understanding, the datetime type is only used to format dates, not edit them in any way. The data structure that I am trying to display is sorted by unix timestamps and looks like the following, but can be changed if needed: [ // [timestamp, value] [1416478472, 1], [1416478473, 1], [1416478474, 0.5], [1416478475, 0.25] ... ] My goal is to have the x-axis use appropriate labels that shows time elapsed since the first

问题 I have one chart and i want to include hover on area but i found it works only on point only. series: [{ name: 'Target', type: 'polygon', data: [[153, 42], [149, 46], [149, 55], [152, 60]], color: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.5).get(), enableMouseTracking: true }], tooltip: { headerFormat: '<b>{series.name}</b><br>', pointFormat: '{point.x} cm, {point.y} kg' } http://jsfiddle.net/onhfLqdm/3/ As area is bounded by points so how can i hover area instead of

问题 I tried the demo on iPad2. It still opens in same window with the URL export.highcharts.com. How can we open/save the image in new tab/window on iPad2? Been trying to save/open Highchart images in a new tab. Reference Link: How to get the exported image without moving from the current window when using mobile devices Please advice. 回答1: I'll post Paweł's answer, for reference. $(function () { $('#container').highcharts({ credits: { enabled: false }, xAxis: { categories: ['Jan', 'Feb', 'Mar',

问题 This is my chart: $('#charsContentDiv').highcharts({ chart: { zoomType: 'xy', height: 337 }, title: { text: '' }, credits: { enabled: false }, xAxis: [{ categories: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'] }], yAxis: [{ // Primary yAxis min: 0, title: { text: 'Desempenho', style: { color: Highcharts.getOptions().colors[0] } }, labels: { format: '{value}', style: { color: Highcharts.getOptions().colors[0] } } }, { // Secondary yAxis title: { text: ''

问题 I have been trying to populate yaxis values on my highchart as per defined by me and results should be shown accordingly but all my efforts are in vain i am not able to manually set this.value of yaxis of highchart . Following is a link to my Jsfiddle . Kindly help.. http://jsfiddle.net/CzHyC/12/ In the following JS COde I have been trying to set the this.value of yaxis to the arrayed values of yAxisLabels but values are not being labled and chart is not dislayed accordingly. JS CODE FOR

问题 I'm trying to create a bar chart with Highcharts in my web application, which uses React on the front end. Below is a snippet of my dashboard.tsx file, where I basically just copied and pasted the code from a JSFiddle (http://jsfiddle.net/8qjcz4q0/) that renders a simple bar chart with Highcharts, but for some reason it's not working and I get an error in my console (Highcharts error #13) that the rendering div isn't showing. import * as React from "react"; import * as ReactDOM from "react

问题 I have a highcharts 3d Bar chart and I need the height to automatically size depending on how many bars are on the chart. We may only need 1 or we may need 100. the current problem is that it always expands to fill the page. So If I have one it will be a huge bar and if I have 100 it will be all smashed together. I need it to grow as it has data. I have done searching and see this http://jsfiddle.net/wkkAd/149/ demo. Here is my chart with that demo: http://jsfiddle.net/a40a0bjy/2/ The issue

问题 Using a highchart in R (using the highcharter package) I'm trying to select all the points for a single category when selecting any single point. The code below allows selecting a single slice of a stack in a stacked bar chart. I want the entire stacked bar to be selected/deselected by clicking on any of the stacked bar slices. library("shiny") library("highcharter") ui <- shinyUI( fluidPage( column(width = 8, highchartOutput("hcontainer", height = "500px")), column(width = 4, textOutput(

问题 This map exists inside of a Vue component and what I'm trying to do is use this.$emit('somethingHappened', HighmapsEventObject) mounted () { Highcharts.mapChart(this.$el, { series: [{ events: { click: () => { in here } } }] }) } as in mounted () { Highcharts.mapChart(this.$el, { series: [{ events: { click: () => { `this.$emit('somethingHappened', HighmapsEventObject)` } } }] }) } But obviously, this at this point, references the Highmap's this not the Vue component's this so I've tried to do