Highcharts

How can i enable Drag & Drop in Highcharts organization-charts?

由 陌路散爱 提交于 2020-01-30 11:56:14
问题 I need to set up a Highcharts chart of type "organization" which should support Drag & Drop the Nodes on each other (to move the nodes inside the tree). Currently, I got an "organization" chart which displays all the needed information. I tried to use the Highcharts.plotOptions.series.dragDrop -Events but that wasn't working at all. I also tried to use Highcharts.series[organization].dataLabels.nodeFormatter -Callback to replace the outer div by a div with attributes: draggable="true"

How can i enable Drag & Drop in Highcharts organization-charts?

由 送分小仙女□ 提交于 2020-01-30 11:56:06
问题 I need to set up a Highcharts chart of type "organization" which should support Drag & Drop the Nodes on each other (to move the nodes inside the tree). Currently, I got an "organization" chart which displays all the needed information. I tried to use the Highcharts.plotOptions.series.dragDrop -Events but that wasn't working at all. I also tried to use Highcharts.series[organization].dataLabels.nodeFormatter -Callback to replace the outer div by a div with attributes: draggable="true"

Bold X-Axis Label on Point Hover in Highcharts Column Chart

由 倖福魔咒の 提交于 2020-01-30 04:01:34
问题 I'm using a Highcharts column chart (http://www.highcharts.com/demo/column-basic) with over 50 rows of data and 3 different series. Because of this amount and the chart width constraints, the x-axis labels are close together and bunched. I'd like to bold or change the color of the x-axis label when the user hovers over the point/column within the chart. I know there are events you can bind to each point (http://api.highcharts.com/highcharts#plotOptions.column.point.events) but I haven't been

图表插件highcharts 动态提取数据显示

由 安稳与你 提交于 2020-01-26 08:12:58
最近写了一个关于图表显示比例的东东，下面来分享一下： 1、直线图 2、曲线图 3、散状图 4、区域图 5、区域曲线图 6、柱状图 7、饼状图 下载highcharts插件地址 http://www.highcharts.com highcharts是不款非常不错的图表插件，有矩形图，饼图，条形条等几十种样式，下面来说一下它的使用，拿饼图来举例说一下： 首先要引用： <script srcjquery-1.4.1.min.js" type="text/javascript"></script> <script src="http://www.cnblogs.com/js/highcharts.js"></script> <script src="http://www.cnblogs.com/js/modules/exporting.js"></script> 然后再页面中加入一个div来放置饼图的 <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> <script type="text/javascript"> $(function () { var chart; $(document).ready(function() { chart = new Highcharts

Highcharts: multiple heatmaps with shared color bar

由 依然范特西╮ 提交于 2020-01-26 03:36:11
问题 In Highcharts, is it possible to have multiple heatmaps in the same chart? For example, I would like to obtain something similar to the picture below: I know I can make a chart for each heatmap and then align all the charts with CSS, but the thing is that I want the heatmaps to have a shared color bar. 回答1: You could create single chart and transform its data. Live example below. $(function() { $('#container').highcharts({ chart: { type: 'heatmap', height: 1000, width: 1000 }, title: null,

Years-only display on xAxis with Highcharts

由 北慕城南 提交于 2020-01-25 21:15:13
问题 I have a graph which displays a line over many days, months and years. I'd like to have on the xAxis only every xth year displayed. In Safari, it displays it correctly; in Firefox (41.0), it displays 1970 all the way through. Here is a fiddle. The data look like this: Date,Value 1-Jan-1993, 2-Jan-1993, 3-Jan-1993, 4-Jan-1993, 5-Jan-1993,-4.30161566849 The xAxis definition like this: xAxis: { tickWidth: 0, type: 'datetime', labels: { format: '{value:%Y}' } } Here is a screenshot of what

How to change the distance between lines of grid?

由 丶灬走出姿态 提交于 2020-01-25 17:33:30
问题 i have yAxis: { reversed: true, categories: ['0','10','20','30','50','80','130','210','340','550','700'], labels: { format: '{value} km', enabled: true }, title: { text: "Depth" } }, but i want to change the distance between the lines of grid (line value 0km, line value 10km ecc ecc) Is possible ? 回答1: These two should work. Use the one that fits you better. tickPositions tickPositioner Ejamples: http://jsfiddle.net/jfbffqe7/ http://jsfiddle.net/0xb2c8e5/ Edit: This should do the trick of

How to customize highcharts for this graph

由 ▼魔方 西西 提交于 2020-01-25 11:37:04
问题 I have to plot the graph something like below using highcharts. I have managed to do all everything expect showing the grids and their labels . $(function() { var options = $.parseJSON('{"chart":{"renderTo":"container","type":"column"},"averageText":"3.7","plotOptions":{"series":{"pointWidth":["30"],"borderRadius":["10"]},"column":{"pointPadding":[0]}},"credits":{"enabled":false},"title":{"text":"Volume","margin":140},"xAxis":{"categories":[0,1,2,3,4,5,4,3,2,1,0],"gridLineWidth":0},"yAxis":{

HighCharts OHLC - Can I provide color-information for each point with JSON-Data?

由 时光毁灭记忆、已成空白 提交于 2020-01-25 10:12:14
问题 first thanks for this great community! I didn't find anything in the Highcharts Docs and also nothing on stackoverflow or Google. I would like to provide fill-color informations for each point in the OHLC-Chart by passing it through JSON. Is this possible? Here is my JSON (for example) [[973033200000,10.18,10.18,10.74,10.18], [973119600000,10.16,10.16,10.72,10.16], [973465200000,10.1,10.1,10.66,10.1], [973551600000,10.16,10.16,10.72,10.16], [973638000000,10.17,10.17,10.73,10.17],

HIghmap colorAxis filter

由 心不动则不痛 提交于 2020-01-25 08:10:49
问题 is it possible to customize colorAxis to have an inbuilt rangeSelector, moving which should set max/min property on colorAxis and in this way help people focus on specific range of values on dense HighMaps? Eg. lets assume Data range to be [0,100], when chart loads the min=0, max=100 but colorAxis has these range selectors (initially left one on 0 and right one on 100). Now if I move the left input to 30 and right to 70, then the colorAxis min/max property is set to 30/70. As a result on
订阅 Highcharts