Here is the problem I am getting as I am testing with hard code data to display the stock chart it is working fine in Google chrome and while coming the other browsers like IE and Firefox the graph was not displaying the series legend only the values in x axis and y axis I can able to see with out series.
Related
I want to test amcharts,so I tried this demo amcharts demo to have more idea. But when I ran it in jsfiddle, the color of the chart is not displayed.
The color works fine for me in jsfiddle. I tested this in Firefox, IE 11, Chrome and Edge. If you're running in a small resolution, you might need to expand the output frame in jsfiddle so that the chart has enough room to display the slices. I noticed this when accessing jsfiddle on a laptop with a 1366x768 resolution.
See the following plots:
http://bl.ocks.org/phoebebright/3098488
http://bl.ocks.org/d3noob/7030f35b72de721622b8
When I view plot in firefox, the axis ticks/labels jump at the end of the transition when the rescale button is hit. No such problem in Safari.
Working on a plot and having the same issue. Why is this happening? Any workarounds to prevent this?
I am on Firefox 44 on a mac.
Update:
See linked gifs for what I am seeing when the axes update:
http://recordit.co/5BEev9II3K
http://recordit.co/I46JhT4Awc
Second Update: Oddly enough, this is only happening when I view the plot on my external monitor, not when I have the window on my Macbook's primary display.
I have a simple Dimple chart similar to the basic example at:
http://dimplejs.org/examples_viewer.html?id=bars_vertical
The x axis shows dates. Question: how to display the label in eg. red color if the date matches today ?
I tried unsuccesfully:
- to add tags but this is a no-go since svg's text does not support html
- to change the class name through Dimple or d3.js but no success
Probably the result can be achieved by directly accessing the DOM node and changing the CSS fill style but is there a mode elegant method ?
We have a page where we are printing Kendo pie charts which is working perfectly fine. We have a facility to print these charts using default windows Print option using Windows.Print(). Issue that we have seen is that the charts which are Center aligned shifts to right while we are printing. On investingating further we understood that this is happening because the page is resizing itself while Printing but Kendo Charts are not resizing and aligning themselves in center. We explicitely refreshed the Kendo charts by adding followed by explicit refresh of Kendo Chart
$(“#Chart”).data("kendoChart").refresh();
However still we are facing challenge while getting it center aligned while printing. Has anyone faced similar challenge? Is there a workaround?
You can resize kendo chart by redraw method
$("#myChart").data("kendoChart").redraw();
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.