I try to write a simple shinyapps at customer-service-handbook-TEST1 but there has no any graph display. I use runApp('TEST', display.mode='showcase') to make the codes visible on the apps.
What I want in the output in different tabPanels are similar with below links :
tabPanel 1 : dTable fancy DataTable
tabPanel 2 : nPlot MultiBarChart
tabPanel 3 : Line/Area Chart in Example 07
Related posts which have no output when applied rCharts and Shiny:
R: rCharts and Shiny, charts won't show up when I run it
Shiny rcharts multiple chart output
rCharts with shiny, no rescaling of bars after hide/unhide with Highcharts
Related
I'm unsure if this is a feature Highcharts provides, but I would like to link two separate bar graphs together. I've created two seperate bar graphs with the goal to have them side by side in a div like the image shows below. At the moment my issue is that graph #2 on the right side's 7% graph larger then the 12% and 19% in graph #1 because it its determining the size based off of the entries in graph #2. Is it possible to link the two so that all values being shown on both graphs account for one another? Or configure one to have a similar outcome to the one below?
Here is a like to a jsfiddle example
You can synchronize y-axis extremes by using setExtremes method:
var yAxis1 = chart1.yAxis[0],
yAxis2 = chart2.yAxis[0],
yMin = yAxis1.min < yAxis2.min ? yAxis1.min : yAxis2.min,
yMax = yAxis1.max > yAxis2.max ? yAxis1.max : yAxis2.max;
yAxis1.setExtremes(yMin, yMax, true, false);
yAxis2.setExtremes(yMin, yMax, true, false);
Live demo: https://jsfiddle.net/BlackLabel/tmv540y2/
API Reference: https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes
Or create one chart with two y-axes linked to each other.
Live demo: https://jsfiddle.net/BlackLabel/ok8746eh/
API Reference: https://api.highcharts.com/highcharts/yAxis.linkedTo
Looks like a regression in 6.1.0 when upgrading from 5.0.14.
I create Y axis plot bands dynamically for a selected series by
chartObject.update({ yAxis: {plotBands: [...], plotLines: [...]} });
In this case whatever zIndex I assign to series or bands the series is rendered behind/below bands and is inaccessible interactively (e.g. tooltips are not displayed when hovering over points), bands get all mouse input. If I create the same bands right at the beginning together with series (before calling Highcharts.chart()), series remain accessible.
Even if I remove and then add series (recreate) after creating bands, it remains inaccessible.
Update:
Here's jsFiddle to reproduce.
Issue disappears if I exclude accessibility.js or exporting.js or include 'exporting' after 'accessibility'. In other words, issue can be reproduced by including accessibility module after exporting module.
Click the "Update bands" button repeatedly.
I have designed a treemap using highcharts with custom algorithm.It has a drilldown to 1 level. There is a drop down for my chart and it has two options for selection. treemap is displayed on the basis of dropdown selection which has a group by feature implemented using underscore.js library. The feature is working fine. But the problem is, all the tiles which are grouped together, are placed next to each other. My requirement is : i want all those tiles to be packed in one big tile with one label. something like header title in D3(exactly the same). Please let me know how to go about it. Is it something like treemap within a treemap? Also i wanted to know if its feasible to have different labels and tooltips for parent and children in the same treemap. any leads would be helpful.
actual image
For a rails web application I need a timeline with on the top (stacked) bar charts and on the bottom single events that should be recognizably different using e.g. forms (squares, rhombus, circles) and colors.
It's also important that I get some kind of picture back in order to reuse it to build a pdf.
At the moment I do the bar chart part with google charts, but I can't find a way to do the events. Those could also be on a separate chart that I then align in html or the pdf.
have you ever try the highcharts.
Here is an example of time series with events made with amCharts: http://www.amcharts.com/stock-chart/stock-events/
You can have any number of graphs stacked on each other, if this is what you want to do.
Disclaimer: I am the author of amCharts.
I'm using highcharts to build a chart and I need to use the api that it exposes to do certain things. however I would like my chart to be a master-detail type chart like the one in the highstock library but which has the handles on them.
I know i can create a master-detail in highcharts but it does not seem have the handles for dragging the selected range.
In the end I used highstock and found an example with multiple series in the 'master' chart which is called 'navigator' the highstock charts.
Example:
http://jsfiddle.net/davidoleary/NudSK/