Using CSS to change line chart tick mark font

I apologize if this has been covered elsewhere, but I can't find any reference to help with this.
I have create a dark-background theme for my CSS and have run into a bit of a blind spot with the CSS. My chart has a dark background, and I can find no way to change the color of the font on the tick marks. I have resorted for now to setting the individual axis objects setTickLabelFill for now, but it would be nice to be able to set this in CSS.
With this, I can change the font size of the axis labels and tick marks, but the font name and color are ignored for the tick marks:
.axis {
-fx-font: 14px "Palatino Linotype";
-fx-text-fill: white;
Thank you for your help.
- Jim
Edited by: 871682 on Aug 2, 2011 11:47 AM

That did work in 1.3, and I hoped it made it into 2.0, but that setting didn't help.
Setting the -fx-text-fill in -axix-tick-mark .label doesn't work either, or any variation I tried.

Similar Messages

  • Line chart's marker size is not changing

    Hi,
    I am using Crystal Reports 2008 and trying to change a Line Chart's marker size.  The default size is 35, but every time I change it, it returns back  to 35 again.  Is there a bug in the application?
    Thanks,
    Al

    Hello Al,
    You need to turn of Auto Arrange in Chart Expert > Options > Layout
    Changing the marker size conflicts with the Auto Arrange so it is not possible to change the Marker size with it enabled.

  • Crystal Reports - Change Line Chart Color Dynamically

    Hello,
    I have Crystal report 14.
    I'm trying to create a line chart and need to be able to set the colors of the lines at the time the report is run.   The colors the lines need to be are specified in a database and a different color could be specified each time the report is run. 
    Can anybody suggest how I would do this?
    Thanks
    Edited by: Robert4543 on Nov 16, 2011 5:23 PM

    I've tried to use 'Color Highlight'  to change the color of the lines, but it only changed the colors of the markers on the line, not the actual line itself.  Is there a way to get it to change the color of the line? 
    I may have one line I need to display as 1 color, and a 2nd that I need to display as another.  Using color highlight changed the markers for both lines to the same color.  Is there a way to specify which line I want to change the color of in "Color Highlight"?
    Thanks.
    Edited by: Robert4543 on Nov 16, 2011 8:41 PM

  • Flex Line Chart Vertical marker

    Hi, I have a flex line chart and what I want to do is have an
    a vertical marker that extends to the outside the chart area at the
    last point.
    Does anyone have any ideas?
    Very smilar to this...
    http://tomgutz.wordpress.com/2007/12/17/flex-custom-chart/
    Thanks

    Here is a perfect example of what I cannot decipher:
    http://flex.amcharts.com/examples/chart_with_multiple_value_axes
    ^ You can even see the source code here. I believe they call it a "chart cursor".
    Any idea what the mouse is doing, and how to get that line into a standard FLEX Linechart?
    I see this a lot but have no idea what it's called....

  • Using CSS to change the height of af:panelBox header - can do ?

    Using JDev 11.1.1.3; want to change the render of the panelBox component; understand skinning is the way to do this ... so headed into the markup via Firebug, and by updating the settings in the browser, I can produce the results that I want, but having some difficulty finding the right selector settings in the application skin/CSS file. The markup contains the following ...
    <div class="af_panelBox p_AFStretched" style=... height: auto; ...
    ...<div style=... height: 25px;
    ......<table class="af_panelBox_table p_AFCore p_AFDefault" ... style=height: 25px
    ...<div class="af_panelBox_center p_AFCore p_AFDefault" style=... top: 25px;
    If I change the three references of 25px to 20px, I get the result I want, but if I add (using styles or ADF selectors) ...
    .af_panelBox_center.p_AFCore.p_AFDefault {
    top: 20px;
    .af_panelBox_table {
    height: 20px;
    ... to the application skin CSS, then the settings get essentially ignored, Firebug reporting my settings in the hierarchy, but overridden by ...
    element.style {
    top: 25px;
    Thinking then that this 25px setting derives from a higher level setting, I work back up the div hierarchy, but the "af_panelBox p_AFStretched" div is where the panel box starts, and the height setting of auto there clearly isn't what I'm after.
    I've heard others say that you can pretty much change anything with skinning - is this an exception or have I missed something ?
    Thanks,
    Edited by: robli on Sep 10, 2010 11:16 AM
    Edited by: robli on Sep 10, 2010 11:17 AM
    Edited by: robli on Sep 10, 2010 11:17 AM

    Thanks Frank. I guess the question was more about whether this is something that can be changed (ie: height of the panel box header).
    As noted in the original post, there appear to be three 25px settings in the markup that need to be changed (changing all 3 via Firebug confirms the render changes as required). Whether I use the ADF selectors or the styles in my skinning CSS I can't actually get to all three of these settings, because some of them aren't styled, but rather encoded in 'inline' div style settings. I did set the af|panelBox::center:core:default { top: 20px; } into the skin and retried it, but it doesn't change anything, because of what Firebug reports as element.style settings which override it & come from the <div class=.. style=top: 25px setting.
    When the markup is created, it doesn't appear that the 20px skin setting is honored. Setting these three heights via the skin seems unsupported, but before concluding this, I wanted to inquire of the community.
    Thanks,

  • Hiding lines on a line chart (Display marker only)

    I would like to only view Markers along with bars in combination chart. Need to make lines transparent or hidden (disable).
    The X category  axis is (different companies), so connecting line is not appropriate.
    There are setting to hide other elements: Markers (Enable or Transparency), Column (Transparency).

    Hi,
    I don't think that is possible out-of-the-box. What you could do is the following:
    1) Create a Bar chart
    2) Create a XY chart (this will be your markers). Create a new series on the XY chart. Point the x-values to the x-axis labels on you bar chart. Point the y-values to the values you would like to display as markers.
    3) Disable display of most of the elements of the XY chart, e.g. chart back ground, legend, vertical axis, gridlines etc.
    4) Move the XY chart on top of you Bar chart
    This will work, but might take a little fiddling :o)
    Hth.,
    Jacob

  • Using Custom Legend without Using Legend Class for line Chart

    Hi ,
    I m trying to create legend with checkbox without using Legend class of flex, but problem is that how to use itemrenderer of lineseries in the legend.
    My requirement is like this:

    my problemb is how to get that shape and use in container .
    i am using hbox in that i have checkbox ,label and i tried to use Image or IFlexDisplayObject but i am unable to assign that renderer to either  image or IFlexDisplayOBject nothing isd working.
    any suggestion for what component i shall use to assign the itemrenderer of lineseries.
    Thanks for replying

  • Remove decimal from Line Chart

    I am using custom XML for line chart to control thresholds. On X axis , I want to specify % instead of decimal value. How can I achieve it?
    I changed the below :
    <format><![CDATA[{%Name}{enabled:True} - {%Value}{numDecimals:0}%]]></format>
    But it does not work. Can someone help me?

    Ok, here is the entire custom XML from one of my charts. You will notice that the definitions for the X and Y axis are not in the <data_plot_settings> tag, but are in the <chart_settings> tag which is above the data_plot_settings.
    <?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
    <anychart>
      <settings>
        <animation enabled="false"/>
        <no_data show_waiting_animation="False">
          <label>
            <text></text>
            <font family="Verdana" bold="yes" size="10"/>
          </label>
        </no_data>
      </settings>
      <margin left="0" top="" right="0" bottom="0" />
      <charts>
        <chart plot_type="CategorizedVertical" name="chart_3053317050568022">
          <chart_settings>
            <title enabled="False" />
            <chart_background enabled="false" />
            <data_plot_background enabled="false" />
            <axes>
              <y_axis >
                <scale   mode="PercentStacked" maximum="100" major_interval="20" minor_interval="20" />
                <title enabled="false" />
                <labels enabled="true" position="Outside">
                  <font family="Tahoma" size="10" color="0x000000" />
                  <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}%]]></format>
                </labels>
                <major_grid enabled="False"/>
                <minor_grid enabled="False"/>
                <minor_tickmark enabled="false" />
                <line enabled="false" />
                <zero_line enabled="false" />
              </y_axis>
              <x_axis>
                <scale  mode="PercentStacked"    />
                <title enabled="false"/>
                <labels enabled="true" position="Outside" display_mode="Stager">
                  <font family="Tahoma" size="10" color="0x000000" />
                  <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
                </labels>
                <major_grid enabled="False" />
                <minor_grid enabled="False" />
                <major_tickmark enabled="false" />
                <minor_tickmark enabled="false" />
                <line enabled="false" />
                <zero_line enabled="false" />
              </x_axis>
            </axes>
            <legend enabled="false" />
          </chart_settings>
          <data_plot_settings enable_3d_mode="false" >
            <bar_series style="Default">
              <tooltip_settings enabled="true">
                <format><![CDATA[{%CategoryName}   {%SeriesName} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,} - {%YPercentOfCategory}{numDecimals:1,decimalSeparator:.,thousandsSeparator:\,}%]]></format>
                <font family="Tahoma" size="10" color="0x000000" />
                  <position anchor="Float" valign="Top" padding="10" />
              </tooltip_settings>
              <label_settings enabled="true" mode="Outside" multi_line_align="Center" rotation="0">
                <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,} - {%YPercentOfCategory}{numDecimals:1,decimalSeparator:.,thousandsSeparator:\,}%]]></format>
                <background enabled="false"/>
                <position anchor="Center" valign="Center" halign="Center"/>
                <font family="verdana_embed_tf" size="10" color="0x000000" />
              </label_settings>
              <bar_style>
              </bar_style>
              <marker_settings enabled="True" >
                <marker type="None" />
              </marker_settings>
            </bar_series>
          </data_plot_settings>
    &P7_CHART_DATA.
        </chart>
      </charts>
    </anychart>

  • How to use stripline in ssrs line chatrs

    Hi,
    I want to know how to use striplines in ssrs line charts?

    Hi ,
    You can use below link;
    https://msdn.microsoft.com/en-us/library/dd239316.aspx?f=255&MSPPError=-2147217396
    https://sqlserverbiblog.wordpress.com/tag/strip-line/
    http://blogs.adatis.co.uk/blogs/jeoc/archive/2013/07/23/adding-strip-lines-to-reports.aspx
    Thanks
    Please Mark This As Answer or vote for Helpful Post if this helps you to solve your question/problem. http://techequation.com

  • Flex 4 HSlider Tick Marks?

    How would one go about doing this. I have a class extending the Spark HSlider and a skin for it, but what kind of Display Object should I used to display the values for Tick Marks..
    some code below: I figured DataGroup as a possible repeater component, but nothing shows.  Any help being able repeat a set of Lines with X and Y values would be greatly appreciated.
    Thanks,
    Skitch
    PlayerSlider.as (Component):
    import mx.collections.ArrayCollection;
        import spark.components.DataGroup;
        import spark.components.HSlider;
        public class PlayerSlider extends HSlider
            [SkinPart(required="false")]
            public var tickMarks:DataGroup;
            public function PlayerSlider()
                super();
            [Bindable]       
            public function set tickValues(value:ArrayCollection):void
                _tickValues = value;
                _tickValuesChanged = true;
                invalidateProperties();
            public function get tickValues():ArrayCollection { return _tickValues; }
            protected var _tickValues:ArrayCollection;
            protected var _tickValuesChanged:Boolean = false;
             * Adding the prompt text to the label if it's available
            override protected function commitProperties():void
                super.commitProperties();
                if (this._tickValuesChanged)
                    if (tickMarks)
                        tickMarks.dataProvider = tickValues;
                    this._tickValuesChanged = false;
            override protected function partAdded(partName:String, instance:Object):void
                super.partAdded(partName, instance);
                if (instance == tickMarks)
                    tickMarks.dataProvider = tickValues;
    PlayerSliderSkin.mxml (SkinClass):
    <?xml version="1.0" encoding="utf-8"?>
    <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="11" alpha.disabled="0.5" xmlns:mx="library://ns.adobe.com/flex/mx">
        <fx:Metadata>[HostComponent("com.digitalsmiths.util.playerSlider.PlayerSlider")]</fx:Meta data>
        <fx:Script fb:purpose="styling">
            /* Define the skin elements that should not be colorized.
               For slider, the skin itself is colorized but the individual parts are not. */
            static private const exclusions:Array = ["track", "thumb"];
             * @private
            override public function get colorizeExclusions():Array {return exclusions;}
             * @private
            override protected function initializationComplete():void
                useChromeColor = true;
                super.initializationComplete();
        </fx:Script>
        <fx:Script>
             *  @private
            override protected function measure() : void
                // Temporarily move the thumb to the left of the Slider so measurement
                // doesn't factor in its x position. This allows resizing the
                // HSlider to less than 100px in width.
                var thumbPos:Number = thumb.getLayoutBoundsX();
                thumb.setLayoutBoundsPosition(0, thumb.getLayoutBoundsY());
                super.measure();
                thumb.setLayoutBoundsPosition(thumbPos, thumb.getLayoutBoundsY());
        </fx:Script>
        <s:states>
            <s:State name="normal" />
            <s:State name="disabled" />
        </s:states>
        <fx:Declarations>
            <!--- The tooltip used in the mx.controls.Slider control.
                   To customize the DataTip's appearance, create a custom HSliderSkin class.-->
            <fx:Component id="dataTip">    
               <s:DataRenderer minHeight="24" minWidth="40" y="-34"> 
                  <s:Rect top="0" left="0" right="0" bottom="0">
                        <s:fill>
                            <s:SolidColor color="0x000000" alpha=".9"/>
                        </s:fill>
                        <s:filters>
                            <s:DropShadowFilter angle="90" color="0x999999" distance="3"/>
                        </s:filters>
                    </s:Rect>
                    <s:Label id="labelDisplay" text="{data}"
                             horizontalCenter="0" verticalCenter="1"
                             left="5" right="5" top="5" bottom="5"
                             textAlign="center" verticalAlign="middle"
                             fontWeight="normal" color="white" fontSize="11">
                    </s:Label>
                </s:DataRenderer>
           </fx:Component>
        </fx:Declarations>
        <!--- The default skin class is HSliderTrackSkin.
        @copy spark.components.supportClasses.TrackBase#track
        @see spark.skins.spark.HSliderTrackSkin -->
        <s:Button id="track" left="0" right="0" top="0" bottom="0" minWidth="33" width="100"
                  skinClass="styling.skinClasses.sliders.track.HSliderTrackSkin"/>
        <!--- The default skin class is HSliderThumbSkin.
        @copy spark.components.supportClasses.TrackBase#thumb
        @see spark.skins.spark.HSliderThumbSkin -->
        <s:Button id="thumb" top="0" bottom="0" width="4" height="11"
                  skinClass="styling.skinClasses.sliders.thumb.HSliderThumbSkin"/>
        <s:DataGroup id="tickMarks" left="0" right="0" top="0" bottom="0" minWidth="33" width="100">
            <s:layout>
                <s:BasicLayout/>
            </s:layout>
            <s:itemRenderer>
                <fx:Component>
                    <s:ItemRenderer>
                        <s:Line
                            height="100%">
                            <s:stroke>
                                <s:SolidColorStroke color="0x525254"/>
                            </s:stroke>
                        </s:Line>
                    </s:ItemRenderer>
                </fx:Component>
            </s:itemRenderer>
        </s:DataGroup>
    </s:SparkSkin>

    These threads might be useful for you:
    http://forums.adobe.com/message/2486681#2486681
    http://forums.adobe.com/message/2476351#2476351
    In CustomSlider4.zip there is a skin file called HSliderTrackSkinTicks.mxml that shows a very simple way of implementing tick marks.  DataGroup should work too, but it will be a little trickier to line up the ticks properly.

  • What is the best way to create a SSRS 2005 Line Chart Report for a 12 month period?

    I'm looking for advice on how to create a SQL Server 2005 query and line chart report for SSRS 2005.
    I need to display the peak number of patients assigned to a medical practice each month for a 12 month period based on the end-user selecting a
    single month and year.
    I've previously created a report that displays all patients assigned to the practice for any single month but I’m looking for advice on how to
    how to produce a resultset that shows the peak number of patients each month for a 12 month period. I thought about creating a query that returns the peak count for each month (based on my previously created report which displays all patients assigned to the
    practice for any single month) and then use a UNION statement to join all 12 months but I'm sure that isn't the most efficient way to do this. The other challenge with this approach (twelve resultsets combined via a UNION) is that the end-user needs to be
    able to select any month and year for the parameter and the report needs to display the 12 month period based on the month selected (the month selected would be the last month of the 12 month period).
    For the report I’ve previously created that displays all patients assigned to the practice for any single month, the WHERE statement filters the
    resultset on two fields:
    Start Date - The date the patient was assigned to the practice. This field is never null or blank.
    End Date - The date the patient left the practice. This field can be null or blank as active patients assigned to the practice do not have an End Date. When the patient
    leaves the practice, the date the patient left is populated in this field.
    Using these two fields I can return all patients assigned to the practice during Nov 2012 by looking for patients that meet the following criteria:
    start date prior to 11/30/2012 (using the last day of the month selected ensures patients added mid-month would be included)
    AND
    end date is null or blank (indicates the patient is active) OR the end date is between 11/1/2012 -11/30/2012 (returns patients that leave during the month
    selected)
    Regarding the query I need to create for the report that displays the peak count each month for 12 months, I'm looking for advice on
    how to count patients for each month the patient is assigned to the practice if the patient has been assigned for several months (which applies to most patients). Examples are:
    John Doe has a start date of 6/01/2012 and an End Date of 10/07/2012
    Sally Doe has a start date of 8/4/2012 and no End Date (the patient is still active)
    Jimmy Doe has a  start of 7/3/2012 and an End Date of 9/2/2012
    Given these examples how would I include John Doe in the peak monthly count each month for May - October, Sally Doe in the peak monthly count for
    August - December and Jimmy Doe in the peak monthly count for July – Sept if the end-user running the report selected December 2012 as the parameter?
    Given the example above and the fact I'm creating a line chart I think the best way to create this report would be a resultset that looks like
    this:
    Patient Name              
    Months Assigned
    John Doe
    June 2012
    John Doe                     
    July012
    John Doe                     
    Aug 2012
    John Doe                     
    Sept 2012
    John Doe
    Oct 2012
    Sally Doe                     
    Aug 2012
    Sally Doe                     
    Sept 2012
    Sally Doe
    Oct 2012
    Sally Doe                     
    Nov 2012
    Sally Doe
    Dec 2012
    Jimmy Doe                  
    July 2012
    Jimmy Doe
    Aug 2012
    Jimmy Doe
    Sept 2012
    From the resultset above I could create another resultset that would count\group on month and year to return the peak count for each month:
    June 2012 - 1
    July 2012 – 2
    Aug 2012 - 3
    Sept 2012 - 3
    Oct 2012 - 2
    Nov 2012 - 1
    Dec 2012 - 1
    The resultset that displays the peak count for each month would be used to create the line chart (month would be the X axis and the count would
    be the y axis).
    Does this sound like the best approach?
    If so, any advice on how to create the resultset that lists each patient and each month they were assigned to the practice would be greatly appreciated.
    I do not have permissions to create SPs or Functions within the database but I can create temp tables.
    I know how to create the peak monthly count query (derived from the query that lists each patient and month assigned) as well as the line chart.
    Any advice or help is greatly appreciated.

    Thanks for the replies. I reviewed them shortly after they were submitted but I'm also working on other projects at the same time (hence the delayed reply).
    Building a time table and doing a cross join to my original resultset gave me the desired resultset of the months assigned between dates. What I can't figure out now is how to filter months I don't want. 
    Doing a cross  join between my original resultset that had two dates:
    08/27/2010
    10/24/2011
    and a calendar table that has 24 rows (each month for a two year period)
    my new resultset looks like this:
    I need to filter the rows in yellow as the months assigned for stage 3 that started on 8/27/2010 should stop when the patient was assigned to stage 4 on 10/24/2011.
    You'll notice that Jan - Sept 2011 isn't listed for Stage 4 assigned on 10/24/2011 as I included a filter in the WHERE clause that states
    the Months Assigned value must be greater than or equal to the date assigned value.
    Any advice would be appreciated.

  • Line chart legend titles - fixed length?

    Hi
    I use a number of line charts wherein I specify the title of the individual series via variables &var1. and so on.
    When I use more than 3 series in the chart, the 4th and following(up to 6) series titles are shown in '2nd' column' in the legend title/color area of the chart.
    However it seems 2nd column always start a fixed number of px to the right of the 1st column no matter how long the titles of the legends in the first column is.
    The result is that legend titles and colors are written on top of each other and it looks very messy.
    Can I get around that somehow? Is there a fixed length defined somehow?
    I thought I could just pad blanks to the legend titles in the 1st columns, but no. I tried in a number of ways doing that via &nbsp, and &#160 and so on - but no effect.
    Anyone? any ideas?
    Best regards,
    Jesper G

    I've the same problem with APEX 2.2, does someone has an issue?

  • Vertical Mixed Line Chart - How to make the lines Bold

    Hi,
      I am using a Vertical Mixed Line Chart in a report and user want the lines in the chart to be made bold. Is there an option to make them bold?
      I checked in the Properties but unable to find.
      Could you please reply <REMOVED_BY_MODERATOR>
    Nanda Kishore
    Edited by: Pravender on Oct 20, 2010 11:21 AM

    3D ??
    Hey Nanda Kishore,
    It is not possible. Alternative is making client to view them in different way/view.
    Try this:
    1. Select Block/Chart
    2. Properties: Data
    3. Check : Show data markers
    4. Check : Vary data markers
    this way we can attract the Users. Hope it helps you.
    Thank You!!
    H2H

  • How to Generate Chart (line chart, bar chart)!

    I want to generate Graphic Chart using Java,(e.g. line chart, bar chart).
    Is any Class can easy to generate Chart??
    thanks!

    petes1234 wrote:
    meacod wrote:
    Dimpu wrote:
    i need the source code how to generate the graphs using the Java
    Give me teh codes?
    And yes, this thread is old.Also note how the poster here politely requests help along with the use of the word "please". Very instructive. He'll get far here.Indeed, you are wise in the ways of the fool **bows politely**

  • JavaFX, Display Line Chart with additional text

    Hello:
    I am new to Java and JavaFX. I have been able to create a line chart that has four series using example code from the Oracle Javafx Documentation home. Below is the syntax used to create the line chart once the series info has been populated:
    Scene scene = new Scene(lineChart,800,600);
    lineChart.getData().addAll(series1, series2, series3, series4);
    When I display the chart, I would also like to display additional text.
    My chart measures four different averages by month. I would like to use the text to give more info about each series (ex: 6 month and 1 year total avg for each series). The Line Chart and the text that I want to add do not need to be related. I will calculate the 6 & 12 month avg and list it in the text separately.
    I am struggling to find a way to display the line chart with a separate text field. If anyone can point me to some sample code that does something similar I would greatly appreciate it.
    Thanks,
    Troy

    Hi,
    My data points in my line chart are an average for a single month for each series.
    Ideally I would like a table as shown below centered under the Line Chart if possible (I was unable to use underscores or spaces to build the example. The + signs would really just be a line and the ' are used for spaces):
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++``````````````++``Series 1```++```Series 2```++``Series 3```++``Series 4``++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++6 Month Avg````++```5.6`````++``````7.8 ```++ ````4.8`````++`````8.4``++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    ++12 Month Avg```++```6.9`````++``````9.3 ```++ ````2.5`````++```5.7````++
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    Edited by: user8835022 on Jul 26, 2012 3:35 AM

Maybe you are looking for