Стиль таблицы Highcharts во всплывающих подсказках не работает

Question

Стиль таблицы Highcharts во всплывающих подсказках не работает

Можете ли вы сделать df.dtypes? В приведенном ниже примере тип - Int, поскольку он отлично работает.

    import pandas as pd

    ##group by 1 columns
    df = pd.DataFrame({' data': [4610, 4611, 4612, 4613], 'Category': [2, 2,    7, 7]})
    print df.groupby('Category'). mean()


    ##Mutiple columns to group by
    df1 = pd.DataFrame({' data': [4610, 4611, 4612, 4613], 'Category': [2,    2, 7, 7], 'Category2' : ['A','B','A','B']})
    key=['Category','Category2']
    print df1.groupby( key).mean()

 Category Category2       
 2        A           4610
          B           4611
 7        A           4612
          B           4613

0

javascript highcharts

задан Codeer 16 January 2019 в 12:46

2 ответа

Другие вопросы по тегам:

javascript highcharts

Похожие вопросы:

score 0 · Answer 1

Поэтому вместо добавления всплывающей подсказки внутри plotOptions просто переместите tooltip к основному объекту. И удалите его из plotOptions.

score 0 · Answer 2

Некоторые параметры всплывающей подсказки вы можете установить индивидуально для каждой серии:

https://api.highcharts.com/highcharts/series.column.tooltip ,

[ 119], но, например, useHTML доступно только для установки в основном объекте конфигурации всплывающей подсказки:

https://api.highcharts.com/highcharts/tooltip

Таким образом, вы можете включить useHTML следующим образом:

plotOptions: {
        ...,
        tooltip: {
            headerFormat: '<table>',
            pointFormat: '<tr><th colspan="2"><h3><b>{series.name}　　</b></h3></th></tr>' +
                '<tr><th>FS:</th><td>{point.x}</td></tr>' +
                '<tr><th>　AT:</th><td>{point.y}</td></tr>',
            footerFormat: '</table>',
            valueDecimals: 2
        }
    }
},
tooltip: {
    useHTML: true
},

или переместить все опции в основной объект конфигурации:

tooltip: {
    useHTML: true,
    headerFormat: '<table>',
    pointFormat: '<tr><th colspan="2"><h3><b>{series.name}　　</b></h3></th></tr>' +
        '<tr><th>FS:</th><td>{point.x}</td></tr>' +
        '<tr><th>　AT:</th><td>{point.y}</td></tr>',
    footerFormat: '</table>',
    valueDecimals: 2
},

Live demo: https: // jsfiddle.net/BlackLabel/ev4pnuat/