2013-10-03 3 views
2

Я создал простую диаграмму в coldfusion 10. По какой-то причине метки на оси Y слишком переполнены. Конечно, это длинные тексты (хотя бы не более 100 символов), они все равно должны появляться на отдельных строках, а не на обертке. Вот скриншот:cfchart горизонтальные штриховые этикетки переполнены

<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 klnelvkn lknlknrweknn wcwfojewmlrm" value="50"> 
<cfchartdata item="lwkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="5"> 
<cfchartdata item="lwkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="100"> 
<cfchartdata item="lwkencfke btgnklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="20"> 
<cfchartdata item="lwkencfkenklnr lknevlvvrgr knl klnelvkn lknlknrweknn wcwfojewmlrm" value="10"> 
<cfchartdata item="lwkencfkenklnr lkneffvfg vlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="50"> 
<cfchartdata item="lwkffdfdf encfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="60"> 
<cfchartdata item="lwkenc hy jujuyjj fkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="10"> 
<cfchartdata item="lwkencrfrf fkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="80"> 
<cfchartdata item="lwkencfrfrf h thtt yyuyu kenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="25"> 
<cfchartdata item="lwkencefef ferrgrg fkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="38"> 
<cfchartdata item="lwken hthththcfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="2"> 
<cfchartdata item="jjkjkkjbjk lwkencfkeefefnklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="120"> 
<cfchartdata item=";l;m;';' frfegtgrt tgt kencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="12"> 
<cfchartdata item="knklnknk lknlkne lknklnewf lwkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="55"> 
<cfchartdata item="el;mvlml ;lmlmll ';,;lwkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="88"> 
<cfchartdata item="lwkg;lm;l ';,;' nkneknfv encfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="6"> 
<cfchartdata item="knklnekgn klnqd legegwkeeg ncfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="10"> 
<cfchartdata item="lwgerg;,e;' ';,hytlhmwjkbfh kjkencfkenklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="25"> 
<cfchartdata item="lwkencfkenfwekfnwkln knklnklnd l;ml;fklnr lknevlknl klnelvkn lknlknrweknn wcwfojewmlrm" value="150"> 
</cfchartseries> 

enter image description here Спасибо.

+1

Pls предоставит код для повторения этого, чтобы у нас было с чем работать. Чтение: http://cfmlblog.adamcameron.me/2013/09/short-self-contained-correct-compilable.html –

+0

Я попробовал это раньше, но он не появится. Пришлось снять первый угловой кронштейн, чтобы он работал. – Aamir

+0

вы можете попробовать с увеличением ширины диаграммы – shemy

ответ

6

CF10 использует несколько графических двигателей: ZingChart для format="html" и WebCharts3D для всех других форматов, то есть "flash|jpg|png".

Как уже упоминалось, использование ZingCharts напрямую обеспечило бы больший контроль. Однако, чтобы ответить на ваш вопрос, ваш текущий график создается с помощью WebCharts3D. Вы можете изменить поведение диаграммы, используя custom style. Чтобы отключить упаковку, используйте isMultiline="false". (См. Также утилиту построения диаграмм в {cfroot\charting\webcharts.bat}).

<cfsavecontent variable="customStyle"><?xml version="1.0" encoding="UTF-8"?> 
<frameChart> 
    <xAxis> 
     <labelStyle isMultiline="false" isHideOverlapped="false" orientation="Horizontal"/> 
    </xAxis> 
</frameChart> 
</cfsavecontent> 

<cfchart style="#customStyle#" 
     chartheight="1000" 
     chartwidth="1000" ....> 

</cfchart> 
+0

Спасибо. Это решение работает с примером, который я опубликовал, но не с фактическим кодом, который у меня есть, который использует запрос вместо cfchartdata. Вместо этого отображается пустой график без баров. Я точно знаю, что нет ничего плохого в запросе, потому что это приводит к красивой диаграмме, за исключением хлюпаемых таблиц. Если я получу время, я создам новый пример с использованием запроса и отправлю его здесь. Спасибо, сейчас. – Aamir

+0

@Aamir - Мне было бы любопытно увидеть новый пример. Webcharts делает много настроек (автоматически) для достижения того, что, по его мнению, наилучшим образом подходит для данных и ярлыков. Это не всегда правильно. Может быть другая настройка, которую вам нужно настроить ... или вам просто нужно установить некоторые ограничения на длину текста. (Очевидно, это не может быть неограниченным). Но я должен был бы увидеть пример, чтобы точно знать. – Leigh

Смежные вопросы