Highcharts

print group name on clicking a data point in a hPlot chart with shiny

由 陌路散爱 提交于 2020-01-04 16:24:21
问题 I have a shiny application that shows some charts using the highcharts library in rCharts. In some cases I have multiple graphs on a single chart which are created using the group option in hPlot. I wish to print all the parameters of a single data point on a chart when clicking on it : the x,y and group values. I'm attaching the code in order to achieve that: ui.r: library(shiny) library(rCharts) shinyUI(bootstrapPage( showOutput("chart", "highcharts"), textOutput("Text") )) server.r:

JQuery ajax实现highcharts动态加载图表柱形图

由 ℡╲_俬逩灬. 提交于 2020-01-04 12:51:47
Highcharts Highcharts 简介： Highcharts 是一个用纯JavaScript编写的一个图表库。 Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表 Highcharts 所需的在线资源库： < script src = " http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js " > </ script > < script src = " http://code.highcharts.com/highcharts.js " > </ script > 编写代码 html： < div id = " container " style =" width : 800px ; height : 400px ; margin : 0 auto " > </ div > javascript： $ ( function ( ) { var x = [ ] ; //X轴 var y = [ ] ; //Y轴 var xtext = [ ] ; //X轴TEXT var color = [ "gray" , "pink" , "red" , "blue" , "yellow" , "green" , "#fff" ] ; $ . ajax ( { type : 'get' ,

Unable to apply custom pipe to high chart tooltip values

由 百般思念 提交于 2020-01-04 09:24:09
问题 I am trying to implement the tooltip for whisker bloxplotchart highchart in my angular4 application. I am trying to apply the custom pipe that i have written but it doesnt seem to apply here in highcharts. Is there a different way of doing it in high charts. My custom pipe basically converts numbers that are in thousands to 100K for example and millions to 100M etc. I have shared my code for the custom pipe as well as highchart component I am trying this in my tooltip but it doesnt seem to

Highcharts Stack Column Sum Positive and Negative Together

由 余生颓废 提交于 2020-01-04 07:44:12
问题 I have a stacked column chart that shows 3 keys / values for each month stacked one on top of the other. Some months may have negatives. The current functionality is for highcharts to put two stacked labels for each month. One for the positives (on top) and one for the negatives (on bottom). Please see the code below and the js fiddle as an example: $(function () { $('#container').highcharts({ chart: { type: 'column' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',

Highchart with Prototype

由 佐手、 提交于 2020-01-04 06:45:33
问题 I needed to use prototype.js to make web service call and then use highchart.js to plot the chart. I am using the prototype-adapter.js as advised but still i get error if i try to use both together(highchart and prototype). I created a jsFiddle http://jsfiddle.net/j5Grq/6/ $(function () { var chart; $(document).ready(function () { chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line', marginRight: 130, marginBottom: 25 }, title: { text: 'Monthly Average Temperature', x:

Implementing Jaspersoft Studio Community (v6.2.2) Custom Visualisation Component showing Highcharts chart

由 非 Y 不嫁゛ 提交于 2020-01-04 06:11:06
问题 I want to use Highcharts within a Custom Visualisation Component for Jaspersoft Community 6.2.2. The basic setup (JSON file for basic configuration and Javascript file for executing the actual visualisation) is clear to me. Examples work in my setup. However, I don't understand what to write in the Javascript file to make Highcharts work. Basically, I am looking for Javascript code like: define('example', ['https://code.jquery.com/jquery-3.0.0.js','http://code.highcharts.com/highcharts.js'],

Implementing Jaspersoft Studio Community (v6.2.2) Custom Visualisation Component showing Highcharts chart

由 梦想的初衷 提交于 2020-01-04 06:10:39
问题 I want to use Highcharts within a Custom Visualisation Component for Jaspersoft Community 6.2.2. The basic setup (JSON file for basic configuration and Javascript file for executing the actual visualisation) is clear to me. Examples work in my setup. However, I don't understand what to write in the Javascript file to make Highcharts work. Basically, I am looking for Javascript code like: define('example', ['https://code.jquery.com/jquery-3.0.0.js','http://code.highcharts.com/highcharts.js'],

putting an image in each category in Highcharts

由 ℡╲_俬逩灬. 提交于 2020-01-04 05:54:22
问题 I have this code: http://jsfiddle.net/waqLq62d/ and let me know how to put an image at the beginning of the category. so as it is shown in this picture. I do not know how, thank you very much. $('#container').highcharts({ xAxis: { categories: [data.d[300].nomindicador, data.d[500].nomindicador, data.d[600].nomindicador,data.d[700].nomindicador, data.d[900].nomindicador], title: { text: null }, labels: { align: 'left', x: 10, y: -20 } }, yAxis: { title: { text: 'Resultado', align: 'right' } },

Markers/Circles in Spline chart in highcharts

由 我怕爱的太早我们不能终老 提交于 2020-01-04 05:50:31
问题 I have a scenario where in i have to create markers/Circles in Spline chart. I created spline chart using highcharts, the code is below for the chart. and my output should be like below. and i have marked the expected circles the image: $(function () { var image; var line, label, image, clickX, clickY; var start = function (e) { $(document).bind({ 'mousemove.line': step, 'mouseup.line': stop }); clickX = e.pageX - line.translateX; //clickY = e.pageY - line.translateY; //uncomment if plotline

Getting error 'Cannot read property 'document' of undefined' while importing exporting.js (to export highchart charts)

由 我与影子孤独终老i 提交于 2020-01-04 05:44:40
问题 I'm trying to export a highchart charts to a PDF file. For that, I've read that I should use exporting.js (and others libraries). But when I import this library (exporting.js) I get this error: 'Cannot read property 'document' of undefined'. I import this from a javascript: var newscript = document.createElement('script'); newscript.type = 'text/javascript'; newscript.async = true; newscript.src = '/resources/tda-ga/js/charts/lib/exporting.js'; (document.getElementsByTagName('head')[0]|
订阅 Highcharts