WebRoot/FusionChartsFree/Contents/Adv_xAxisNames.html

（开头部分） 7KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FusionCharts Free Documentation</title>
<link rel="stylesheet" href="Style.css" type="text/css" />
</head>

<body>
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
  <tr> 
    <td><h2 class="pageHeader">Handling long x-axis names </h2></td>
  </tr>
  <tr> 
    <td valign="top" class="text"><p>Often, in your chart data, you might have long x-axis names (category names).   Fitting them on a small chart space becomes a little cumbersome, as they make   the chart look too cluttered. FusionCharts offers a myriad of options to help you gain control over long/too many x-axis names. Here, we've explained a few such methods including:</p>
      <ul>
        <li>Using rotated names</li>
        <li>Showing every n-th name </li>
        <li> Displaying short abbreviated names on axis and showing full name as tool tip</li>
      </ul>
    <p class="highlightBlock"><a href="http://www.fusioncharts.com" target="_blank">FusionCharts v3 </a>offers lot more options for handling long x-axis labels- like Wrap mode, slant mode, stagger mode, skip mode etc. </p>
    <p>Let's see each of them one by one. </p></td>
  </tr>
  
  <tr>
    <td valign="top" class="text">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" class="header">Rotating Names </td>
  </tr>
  <tr>
    <td valign="top" class="text"><p>You can opt to rotate the x-axis labels by using <span class="codeInline">&lt;graph rotateNames='1' ..&gt;</span>. </p>
    <p class="highlightBlock">This method wouldn't work if you've non-english characters in your x-axis labels as FusionCharts uses embedded fonts to render rotated names. </p>
    <p>Consider the XML below: </p></td>
  </tr>
  <tr>
    <td valign="top" class="codeBlock">&lt;graph numberPrefix='$' <strong>rotateNames='1'</strong>&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;set name='Jan 2006' value='434' /&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;set name='Feb 2006' value='376' /&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;set name='Mar 2006' value='343' /&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;set name='Apr 2006' value='234' /&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;set name='May 2006' value='356' /&gt;<br />
&lt;/graph&gt;</td>
  </tr>
  <tr>
    <td valign="top" class="text">It yields the following chart: </td>
  </tr>
  <tr>
    <td valign="top" class="text"><img src="Images/xAxis_Rotate.jpg" /></td>
  </tr>
  
  <tr>
    <td valign="top" class="text">&nbsp;</td>
  </tr>
  
  <tr>
    <td valign="top" class="text">&nbsp;</td>
  </tr>
  <tr>
    <td valign="top" class="header">Showing every n-th label </td>
后面还有 69 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。