Problem: Automatic Line Break

[Thaver2Theta]

I have a problem in hightchart: I does not know how to realizes an automatic "line break".

Here a picture:

[not]

Hi,
you can break line manualy using <br/> tag but be careful with this - the spaces inside of the tag aren't allowed. Torstein has explained it here: viewtopic.php?f=9&t=6881&p=32369&hilit=line+break#p32404.

[Thaver2Theta]

Okay. Thx.

I copied the "x-labels" and it works fine:

Code: Select all

options.xAxis.categories = ['label1', 'label2', 'label3', 'label4<br/>label4b_note']

Another Problem: In Version 1.2 the column auf Ralph and their values were not shown in chart and legend.
Now in Version 2.0.1 Ralph is shown in Legend, also the values(unimportant number) in Chart .
The <th>-tag works like <td>-tag. How to say "highchart" that the last column should not to be used?

Code: Select all

<table id="datatable">
  <thead>
    <tr>
      <th></th>
      <th>Jane</th>
      <th>John</th>
      <th>Ralph</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Apples</th>
      <td>3</td>
      <td>4</td>
      <th>UNIMPORTANT number for Chart</th>
    </tr>
  </tbody>
</table>


[not]

It took me a while to find out that you refer to the Data defined in a HTML table demo.

Well, this is not a core feature of highcharts but a custom implementation. So you can easily change whatever you want in the Highcharts.visualize() function from that demo. There is a line with this code:

Code: Select all

$('th, td', tr).each( function(j) {

... I don't have explain this, do I? :)

[Thaver2Theta]

That would be very kind. This not my element. I know how to make flash-like designs without jquery, but it's more a hobby for me. So I am not so good in it.

(Your're avatar is sweet. Cute Panther )

[tasso85]

Panther? Isn't it a Panda?

Anyway, I think he meant that you just have to remove the 'th' from the selector and you should be fine.

[Thaver2Theta]

Yep - Panda

I tried it. It does not works for me.

[not]

Since it's all about applying a custom format of data to the chart, the implementation should be individual for different kinds of tables.

You've already posted an example of your table, but tell me what is exactly the format of the it. Which fields you want do use as categories names and witch (columns or row) as series. So, please, paste the table and just tell me how it should reference the chart. Then I'll prepare a custom parser for you.

[Thaver2Theta]

I would like to hide the column of Ralph with their values in chart as a bar.
However the numbers of column of Ralph should be shown as tooltips (OverHoverEffect).

Here is a picture:

http://www.lupiupload.de/images/2010/08 ... 4cfbe2.jpg

[not]

I understand that you want to use values of fourth column (under "Ralph" title column) in tooltips for all points in a series.
So check this out: http://jsfiddle.net/G2ENs/ :)