Highcharts

问题 i'm thinking how to debug the code, for my scatter 3d chart, about lines and points. This is the code: series: [{ name: 'Reading', colorByPoint: true, data: coloriamo()},{ // this function draws some points data: [[0,750,0],[10,750,0] //this data draw a line ], lineWidth: 1, enableMouseTracking: false, marker: { enabled: false }, color: 'rgba(0,0,0,0.51)' },{ data: [[175,750,5],[180,750,5] //draw line in the half of bottom frame ], lineWidth: 1, enableMouseTracking: false, marker: { enabled:

问题 Hi i am having problem with my highcharts 'series' options. i initialized the chart options as below: var options = { chart: { renderTo: 'chart', defaultSeriesType: 'line', }, title: { text: 'Weight Monitor', }, xAxis: { title: { text: 'Date Measurement' }, categories: [] }, yAxis: { title: { text: 'Weight (in Lbs)' } }, series: [] }; I kept the categories: [] blank so that i can put the values in categories later. Same thing i did with my series options. I kept the data:[] as blank to fill

问题 I know that I can set depth of all bars in Highcharts using depth property in column property of plotOptions likes the following code: plotOptions: { column : { depth: 30 } } Or # in R hc_plotOptions(column = list( depth = 30 ) The questions is how can I set different depth for each bar group in a bar chart (not one depth for all)? Solution can be in R (Highcharter) or in JS? 回答1: In core code the depth property is always taken from the series object options. Every group consists of the

问题 I always get wrong point.plotY position when I click RangeSelector in Highstock. Please see this fiddle. I try to catch range change event in setExtremes: function (e) . When I click 6m in rangeselector, in firebug console I print both last point object and point.plotY You can see that the value of PlotY in the point object and the plotY is different. I also draw a path start from [chart.plotLeft + chart.plotWidth, chart.plotTop + point.plotY] , it seems it does not match the last point of

问题 I have a line chart graph as can be seen on this fiddle http://jsfiddle.net/qjmjd34d/5/ And with this code: Highcharts.chart('container', { plotOptions: { series: { color: 'purple' } }, series: [{ data: [{x: 1, y: 435, color:'blue'}, {x: 2, y: 437, color:'blue'}, {x: 3, y: 455, color:'blue'}, {x: 4, y: 475, color:'blue'}, {x: 5, y: 555, color:'blue'}, {x: 6, y: 435, color:'blue'}] }] }); Modifying the color of the points is oblivious however, how is it possible to change the color of the line

问题 I'm working on a network graph and somebody helped get me to the point where I can hide/show nodes when clicking on them. However, there seems to be default behaviour which redraws the nodes when you move the mouse at all. Here is the fiddle: https://jsfiddle.net/oLbkpsag/. You'll see that clicking a node hides its children, however if you mouse the mouse after clicking then the node reappears. I added in addClass('hide-tree-element') which has helped on the dataLabel, but the marker or

问题 I want to create a column chart where the first column has 50% of the width of the second column. My idea was to read the width of the second column on the load-event, calculate the width and set it to the first column; the same for the redraw-event. This works after when the chart is loaded for the first time, but I'm stuck when I want to change the column width in the redraw event: when resizing the window, I get the calculated column width of the "next to last" resize, and not the current

问题 Is there any way to set the dataLabels of the highcharts to not overlap for smaller sizes? I have a chart which is similar to this one but what I'd like to achieve is: alternate the Y values (data Labels: 15, 40, and so on.) avoid text overlapping, instead of number I have: "Long text" which overlaps at iPhone size Is there any other option without specifying the x and y position of the dataLabels ? { "x": 1400457600000, "y": 15, "dataLabels": { "x": 25, "y": -5, "style": { "color": "#000000"

问题 I want to give a color for bars depending on their values. For example if you a bar value 5000 then the color should be Dark RED similar for 3000 less darker than 5000 bar values so on... I want to add total space like 100TB above all bars(some text on my bar value) ` Availability Bar Chart $(function () { $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Disk Utility' }, subtitle: { text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Application Name

问题 I'm testing out requireJS and am trying to make a simple project using highcharts. I've started with the requireJS multipage example project as a starting point. My dir structure looks the same as the base structure, with highstock.js added in the lib directory. page1.html : page 1 of the app. page2.html : page 2 of the app. js app : the directory to store app-specific modules. lib : the directory to hold third party modules, like jQuery. common.js : contains the requirejs config, and it will