I've created 2 pie charts in an analysis and one of them seems to have its labels overlapping while the other has callouts and prevents any overlaps. I have created them in the exact same way and they both have the same properties.
Another strange thing is, this doesn't occur all the time. sometimes when I open an analysis/dashboard, both the pie charts look fine and when I refresh the page or come back to it later, then one of the chart has overlapping labels. Can anyone help me fix this.
Check out MOS Doc ID Doc ID 2260470.1 - you'll have to live with it at the moment
Related
I have made a simulation consisting of multiple vehicle agents (about 17), but I can't figure out a way of how I can display time color charts related to each of those vehicles in the main agent. If possible I want it to be in a scroll view so that the user can scroll through the different time color charts. I want to make it sort of like a Gantt chart.
Sort of something like this
The image related to my query
Scrolling is impossible with current AnyLogic UI, unfortunately. You can, however, add buttons to manually "scroll up/down" and change what view area the user sees.
Re plotting itself, either create 17 charts manually and link them to the individual agents.
Or better, create 1 chart in the agent type, have the agent population embedded in Main and adjust the y-component of the chart presentation according to the agent index, something like 100 + (index*15)
Some example models use this approach so check if you find something similar there
I created a grouped-stacked composite chart using dc.js.
I am wondering if I can add a filterHandler to a composite chart.
I want to filter on each stacks.
It seems that, there is no straight forward way to build a composite chart and hook the parent chart to the volumeChart that would filter all the individual child components at once via dc.js, as Gordon suggested. I came up with a solution for one of my dashboards which is not so modular but works fine & also keep in mind the downsides to this approach pointed out below.
For the above dashboard to work, I defined 3 barCharts and 3 lineCharts overlaid on top the barCharts and chaining them all together linearly to volumeChart.
Although this works fine with a fixed y-axis scale, lineChart fails to align with the barCharts when the I set elasticY(true) on all of them, since the lineChart components seem to pic its own yMax and when I pass the yMax value as window.value from barCharts to the lineChart via .on('renderlet'..., again I fail to read these values due the misalignment of individual chart render times. And of course when I overlay the lineCharts I intrinsically loose/block the interaction with the barCharts and use the line moving average tooltips to view bar data.
I have not tried this yet but found a better way to do the same from Scott Miller - https://stackoverflow.com/a/25188909/5743716
Hope it helps!
Consider the Kendo scatter chart HERE in the telerik demos. What I want is to visually separate the chart area with some background colors. As I know Kendo itself doesn't facilitate such configuration.
I'm tring to solve it within the Kendo. I guess it can be done through svg drawings. But I've never done it before. If it's really impossible is there any way to do it or is there any other scatter chart to fulfill this requirement.(saw somewhat similar thing in google charts)
I'm including the expected result as below.
I came up with this code . It does the exact thing what I want. This is the solution.
I've created a page using dc.js/d3.js with multiple bar charts and a row chart, and when I hover over them and interact, the brush functionality works as expected in all charts.
I'm trying to get just one of the charts to have the brush and a range appear on page load, but when I try this using .filter on one chart, the other charts become disabled. I have also experimented with .extent.
Image of the two version of the charts:
http://neil-s.com/unison/images/Brush3.png
I have looked at some related posts on SO, but they aren't quite what I need. The main crossfilter page has an example, but since the code is so different, I want to see if I can retain what I have, otherwise I'll use the crossfilter page code.
Updated:
Here is a jsfiddle - http://jsfiddle.net/jth32/22/
And here is a small sample of the bar chart code:
// Bar Chart 3-------------------------------
psalBarChart
.width(300).height(150)
.dimension(psalDim)
.group(psalGroup)
.x(d3.scale.linear()
.domain([25, 40]))
.xAxisLabel("Salinity")
.centerBar(true);
// Bar Chart 4 -----------------------------------
depthBarChart
.width(300).height(150)
.dimension(depthDim)
.group(depthGroup)
.x(d3.scale.linear()
.domain([0, 2050]))
.xAxisLabel("Depth")
.centerBar(true)
//.filter([0,1000]) // Creates Brush, but disables other charts
Thanks
I found out it had to do with the version of dc.js that I was using. The latest version on github (v2.0) is what I had, but the CDN link I used in jsfiddle used version 1.6.0, and that works fine as Ethan mentioned. Once I switched to 1.6.0 in my dev environment, that fixed my issue.
I posted a message to the dc-js google user group, and I'll add another message here if this is indeed a bug in dc.js v2.0.
I use Google Image Charts (deprecated library) to put some graphs in a PDF that I create on my website. I don't know why, but for some reason this pie chart:
https://chart.googleapis.com/chart?cht=p&chs=500x250&chco=FFFF10,FF0000&chd=t:1560,2550,3750,4680,5140,5580,5510,4750,3530,2270,1410,1240&chl=January|February|March|April|May|June|July|August|September|October|November|December
Creates 12 identical looking sides in the chart. While this one:
https://chart.googleapis.com/chart?cht=p&chs=500x250&chco=FFFF10,FF0000&chd=t:12,3,4,5,6,7,8,5,3,2,6&chl=January|February|March|April|May|June|July|August|September|October|November|December
creates it properly. They are identical other than different data. Does anyone know the cause of this? Thanks a lot