随着ColdFusion 9更新到ColdFusion 11,底层图表引擎从WebCharts3D变为ZingCharts.虽然我设法找到两个库之间的大多数不兼容性的解决方案及其在<cfchart>标签中的实现,但我正在努力解决在ColdFusion 9中没有出现的对齐问题.我甚至没有找到修复尝试纯javascript和HTML.
在WebCharts3D中,引导和刻度在条形图的条形图中居中.组合线和条形图具有指向条形图中心和折线图标记的指南.这与折线图中的行为完全相同.
在ZingCharts中,组合图表或条形图的指南和刻度线留在条形图上,不会通过线条的标记.这是与仅限行的图表不同的行为.x轴标签完美地集中在两个引擎中.
你可以在这里看到一个例子:http://jsfiddle.net/yo3uta96/
问题:
我没有公开的页面,其中有统计天气数据显示雨,风,温度等,它们以多个图表彼此相同的方式表示.其中一些是折线图,其中一些是条形图,其中一些是组合图表.这是一个动态创建的页面,用户可以在此过程中选择最多365天的日期范围.页面上的每个图表都具有相同数量的数据点.当要显示的数据点超过80个时,条形图会变成面积图,折线图变成没有标记的折线图.
我想要实现的目标:
我希望图表,数据点,指南和刻度线与x轴标签的排列方式相同.
我尝试了什么:
我设法通过将offsetStart和offsetEnd添加到仅限行的图表来排列数据点,这是必要的,因为在组合图表中,折线图的第一个标记位于相应的第一个条的中心,不再位于y轴上如折线图.最后一个标记也是如此.
不幸的是,添加偏移量并不能解决刻度和指南的对齐问题.我尝试了几乎所有可能的组合与指南,minorTicks,minorGuides和抵消无济于事.在理想的世界和一些边框中,每个x轴标签都显示在图表上,禁用指南并将次要刻度设置为1可能有效.但是,当增加数据点的数量时,此方法将停止工作.
题:
如何使用相同数量的数据点以条形图和折线图排列指南和刻度,ZingCharts处理x轴标签,这些标签看起来完全对齐图表？
我在coldfusion 10中创建了一个简单的图表.由于某些原因,Y轴上的标签太拥挤了.虽然它们是长文本(但不超过100个字符),它们仍然应该出现在单行而不是包装上.这是屏幕截图:
<cfchart chartheight="1000" chartwidth="1000" showxgridlines="no" showygridlines="no" showborder="no" fontbold="no" fontitalic="no" show3d="no" rotated="no" sortxaxis="no" showlegend="no" showmarkers="no" format="jpg" xaxistitle="Issues">
<cfchartseries type="horizontalbar" serieslabel="Survey Count" >
<cfchartdata item="lwkencfkenklnr lknevfvfv ghthrtg y;l;lm;'m jkbjed lknl klnelvkn lknlknrweknn" value="10">
<cfchartdata item="lewfll; ;lmrtgbjweb vkn wkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfewflfojewmlrm" value="20">
<cfchartdata item="efklnwkln lknkleng lwkencfkenefe klnr lknevlknl klnelvkn lknlknrweknn ewe" value="40">
<cfchartdata item="lkenglk klkn kjbghdchg lwk ewefrewf ncfkenklnr lknevlknl klnelvkn lknlknrweknn" value="10">
<cfchartdata item="lwkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="60">
<cfchartdata item="lwkencfkenklnr lkneffvlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="80">
<cfchartdata item="lwkencfkenklnr lknevlknl …我们正在尝试将我们的cfcharts转换为使用ZingChart JSON样式,因为我们要升级到损坏我们所有图表的CF11.
我正在尝试为条形图设置图例.以前我们在cfchart中使用这个xml样式代码来包含标签和图例中每个条的总数:
<legend><![CDATA[$(rowlabel) Total:$(colTotal)]]></legend>
在我的示例中,条形表示年份,因此图例项目的示例将是"2013 Total:34".
如何使用ZingCharts实现这一目标？到目前为止,我的传奇代码看起来像这样:
"legend":{
"backgroundColor":"#bdc3c7",
"alpha":1,
"borderWidth":0,
"shadow":false,
"borderRadius":10,
"header":{
"text":"Years",
"borderRadius":10
}
}