Highcharts

问题 Here are two different highcharts with drilldown datas. Can we sync the highcharts so that if the first drilldown 'type1' is clicked, other charts with 'type1' also drilldowns?? $('#drilldown-1').highcharts({ series: [{ data: [{ name: 'type1', y: 5, drilldown: 'type-1' }], drilldown: { series: [{ id: 'type-1', data: [ ['type1.1', 4], ['type1.2', 2], ['type1.3', 1], ['type1.4', 2], ['type1.5', 1] ] }] } }] $('#drilldown-2').highcharts({ series: [{ data: [{ name: 'type1', y: 5, drilldown: 'type

问题 im making a pie chart with a lot of data, however the chart its not fully rendered (only the half) the other half its rendered only when i pass the mouse over, and not always, here is my code!: // Create the chart $('#container').highcharts( { chart: { type: 'pie', height: 1200, width: 1200 }, title: { text: 'Films by category' }, yAxis: { title: { text: 'Total percent market share' } }, plotOptions: { pie: { shadow: false, center: ['50%', '50%'] } }, tooltip: { valueSuffix: '%' }, series: [

问题 I am using Highcharts and would like to combine 2 types of chart. I would like a Bar with negative stack (changing the chart type to column) combined with Column with negative values so for each category, I have both positive and negative values. I can't find any example of doing this so I don't even know if this is possible. I did have a thought about doing something with the series like nested series but again don't know if this is possible and can't find an example. If what I'm trying to

问题 I have a ruby on rails app that uses highcharts. Locally it works like a charm, however when I push the app to Heroku, Highcharts stops working and the div tag that is supposed to contain the chart appears empty. I even tested it with one of the Highcharts examples (which has only hardcoded data), and still nothing. 回答1: Figured it out: The problem was in the precompiling of assets. Turned out that highcharts was not precompiled Added : config.assets.precompile += ['rollover.js', 'highcharts

问题 I have a line chart in highcharter that I would like to add additional information in the tooltip to. Data and code is as follows: library("dplyr") library("highcharter") data<- data.frame(Company = c("A", "A", "A", "B", "B", "B"), Year = c(1,2,3,1,2,3), Value1 = c(100, 150, 170, 160, 150, 180), Value2 = c(3, 1, 7, 6, 5, 4)) data<- data %>% group_by(name = Company) %>% do(data = .$Value1, Value2 = .$Value2) series<- list_parse(data) highchart()%>% hc_chart(type="line")%>% hc_add_series_list

问题 chart: { renderTo: 'chart-selection', backgroundColor: null, type: 'scatter' }, title: { text: txt + ' (' + title + ')' }, plotOptions: { tooltip: { crosshairs: true, headerFormat: '<b>{point.x}</b>', pointFormat: '<b>Volumn : {point.y}</b><br/>Price : {point.price}<br/>Change : {point.change}' } }, xAxis: { type: 'datetime' }, yAxis: { title: { text: title }, height: 200, lineWidth: 2 }, series: [{ color: 'rgba(100, 100, 200, .5)', data: datax }] datax = [{x:1381942800000,y:23.000,price:26

问题 I am using highcharts and made this simple line chart. When I turn off the view for a person on the legend the name still appears as a line label on the line chart. Any way I can turn that off? I attached a picture of the problem. I want only Wilson to show. This is my code: Highcharts.chart('chart1', { chart: { type: 'line' }, title: { text: 'Hours vs Month (' + months[0] + "-" + months[5] + ")" }, xAxis: { categories: months }, yAxis: { title: { text: 'Hours' } }, tooltip: { valueSuffix: '

问题 I have created a custom directive for displaying a charts made with the Highcharts library. Now I want to build upon this directive and create multiple charts in the same view. This is not possible with the current code I have, as you can see below. How can I organize my code so that it's possible to bind different data to it in the same view? Below is some example code to illustrate the problem. Directive function dateChart() { return { restrict: 'AE', scope: { title: '@' }, template: '<div

问题 When changing somthing on the chart, like myChart.addSeries(mySeriesObj) or myChart.get("myPointId').update(50); the default behavior is calling the redraw function. now, suppose i have 3 series on that chart (seriesA, seriesB, seriesC), and i just updated 1 point in seriesA. would it redraw all the chart (seriesA, seriesB, seriesC, axises, labels, etc...) very fast, or just the new point? Does Highchart works with layers, or all in the same "frame"? I am asking this because i am going to

问题 I want to apply custom style on xAis ticks of Highcharts. I want to style ticks in the form of circle instead of line. like ticks.chart.renderer.cirlce(); Not able to find a way to get it done. 回答1: You can wrap getMatkPath function, to render another tick, see: http://jsfiddle.net/Yrygy/83/ Highcharts.wrap(Highcharts.Tick.prototype, 'getMarkPath', function (prev, x, y, tickLength, tickWidth, horiz, renderer) { return renderer.circle(x, y, tickLength); }); Edit: When using zoom/panning etc