SmartClient_SNAPSHOT_v91d_2014-01-30_PowerEdition
Using the following test case, the x-axis labels are overlapping for the chart. If I set the width of the chart to a smaller value, the labels will rotate, but I would expect that this happens whenever any overlap is encountered.
I can fix this issue by only displaying the first N characters of the label on the axis, but wanted to make sure that this was not a bug.
Using the following test case, the x-axis labels are overlapping for the chart. If I set the width of the chart to a smaller value, the labels will rotate, but I would expect that this happens whenever any overlap is encountered.
I can fix this issue by only displaying the first N characters of the label on the axis, but wanted to make sure that this was not a bug.
Code:
<!DOCTYPE html>
<html>
<head>
<title >SNT-12931</title>
<script type="text/javascript" >
var isomorphicDir="http://localhost:8080/isomorphic/";
var data = [
{ time:"2013-01-01", value:43, project: "NAVFAC BATAALION HQ" },
{ time:"2013-01-02", value:277, project: "ABC Drywall Incorporated Athens Operations" },
{ time:"2013-01-03", value:46, project: "NYCTEST" },
{ time:"2013-01-04", value:38, project: "Nylum Energy Building" },
{ time:"2013-01-05", value:35, project: "SPARC Microsystems - Americas, Santa Clara, CA Bowser Campus"},
{ time:"2013-01-06", value:37, project: "test" }
];
</script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Core.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Foundation.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Containers.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Grids.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Forms.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_DataBinding.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Drawing.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_PluginBridges.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Charts.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Tools.js"></script>
<script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>
</head>
<body>
<script>
var c = isc.FacetChart.create({
align:"center",
width:1000,
chartType: "Column",
facets: [
{
id: "project"
}
],
data: data,
valueProperty: "value",
border: "1px solid black",
showDataPoints: true,
showDataValues: true,
showValueAxisLabel: true
});
</script>
</body>
</html>