Grid Trekkor

  • Content count

  • Joined

  • Last visited

Everything posted by Grid Trekkor

  1. It seems that outCnvBaseFontSize controls the font size of both the Y-axis and X-axis. I need to make my Y-axis font bigger than the X-axis. Is this possible? Thank you.
  2. If I put my chart data inside my Angular $http call, I get the error "no data to display." However, the chart div and data does appear in the DOM. But if I move the chart data outside $http, the chart displays OK. Any idea what's going on? I'm testing this with just static, pre-defined data. I haven't gotten to the point of using dynamic data returned from $http.
  3. Using Google Fonts

    Hi, I googled around but couldn't find anyone with this exact question. Is it possible to use Google Fonts (i.e., external fonts) with FusionCharts? The standard way is to pull in the stylesheet for the font and then implement the font in your own CSS. I'm not sure how to do that with FC. Thanks for any assistance.
  4. I would like to show Y-axis values every five. Example: -10, -5, 0, 5, 10, 15, 20, 25. How can I do this? Also, I would like to show a vertical div for every X-axis value. Not sure how to do this either. I can set the number of vertical divs, but not in a way that shows a div for each value.
  5. Y-axis values and vertical divs question

    It appears that there is no way to force Y-axis labels to be certain value(s). I would put this at the very top of my wishlist.
  6. Set axis font size independently -- outCnvBaseFontSize?

    Hi, Your jsfiddle doesn't seem to work. Do you have another link? To be clear, I need to change the font size of the axis LABEL (1, 2, 3, 4), not its title.
  7. Line chart X-axis label

    Please add this feature (Jan, Feb, Mar, etc.) to the list of requests. This is a very common thing to want to do. I'm also plotting 365 values, and I need month names, not an X-axis label for all 365 values.
  8. Set axis font size independently -- outCnvBaseFontSize?

    Hi Vishalika, sorry I wasn't clear. I need to change the font size of the Y-axis and X-axis labels. I need the Y-axis labels to be larger and the X-axis labels smaller. Is there a way to do that? Thank you.
  9. Y-axis values and vertical divs question

    Hi Vishalika, Thanks for the reply. adjustDiv: the only way I could force a vertical div line on each value was to take the total number of values and subtract 2. In my case, it's the days in the month minus 2. However, I'm still having a problem with the Y-axis labels. I played with yAxisMaxValue and yAxisMinValue, and they do help, but they still don't force values to be 5, 10, 15, 20, etc. It appears that FusionCharts is distributing the Y-axis values evenly across the range that is provided. Is there simply no way to force those values? Most charts display 5, 10, 15, 20 by default. X-axis labels: I needed to set labelDisplay to AUTO. This forced horizontal text. Thanks again for all your help!
  10. Using Google Fonts

    Hi Gagan, that works great! Thank you! For future reference, I needed to go to the Google Fonts API URL for the font and copy the CSS that is listed. This makes it easy: Thanks again!
  11. I'm dynamically creating some data: month.dataset[2].data.push({ "value" :[k].Hi.toString(), "link" : "JavaScript:displayDay(" + (k+1) + ")" }); k is the iterator. Here is my displayDay function. This does not work. I get Uncaught ReferenceError: displayDay is not defined: function displayDay(day) { console.log(day); } But this works: month.dataset[2].data.push({ "value" :[k].Lo.toString(), "link" : "JavaScript:console.log(" + (k+1) + ")" }); It logs the value to the console as it should. Any idea why the above function doesn't work? Thank you.
  12. Javascript drill-down function is not defined

    Hi, thank you for the reply. Yes, I've sourced the AngularJS plugin locally like this: <script type="text/javascript" src="/javascripts/angular.min.js"></script> <script type="text/javascript" src="/javascripts/jquery.min.js"></script> <script type="text/javascript" src="/javascripts/fusion/fusioncharts.js"></script> <script type="text/javascript" src="/javascripts/fusion/angular-fusioncharts.min.js"></script> I managed to get it working by adding jQuery, but it seems like I shouldn't have to do that.
  13. Javascript drill-down function is not defined

    EDIT: I did get it to work by moving displayDay() to the top of the JS file (outside my Angular controller), but then Angular no longer has access to it, so I'm not sure how to fix that. On the other hand, if I define the function using $scope, then I get the same error: Uncaught ReferenceError: $scope is not defined - fusioncharts.js:155
  14. Y-axis values and vertical divs question

    Hi Vishalika, thank you for the reply. 1. I'm not seeing how the data values are forcing the chart to display Y-axis every five. I have data that varies from about -35 to 105. Is there a way to force the chart to display Y-axis labels every 5? 2. The fiddle shows a line between each label. I tried adding "vline" : "1" inside of each label object (I am generating labels dynamically with javascript) and that doesn't work. 3. Is it possible to make the X-axis labels have normal horizontal text? As you can see the text is vertical. Here is a sample of my chart:
  15. Chart data within Angular $http -- "No data to display"

    I figured it out. I needed to initialize my data variables (attrs, categories, dataset) outside the function that called them. In my case, I needed to define them as empty objects/arrays above the $http function. My code looks like this: month.attr = {}; month.categories = []; month.dataset = [];