CODEWITHSUNDEEP
javascriptphpchartsecharts
Mawnir fas
Mawnir fas

Reputation: 105

eCharts Tooltip with Pointer

I need to get the eCharts tooltip on the line with the pointer like this: pic1

but so far my tooltip is "floating" in the chart with no pointer: pic2

this is my config in a PHP page:

'tooltip' => [
    'trigger' => 'axis',
    'axisPointer' => [ 'type' => 'cross' ],
    'axis' => 'x',
    'backgroundColor' => 'rgba(250,250,250,1)',
    'borderColor' => '#5d00f3',
    'confine' => TRUE,
     
    'textStyle' => [
        'fontWeight' => 'bold',
        'fontSize'=> '17',
        'color' => '#000', 
    ],
],

how can i create a pointer to follow the line, the doc is not very clear to me: https://echarts.apache.org/en/option.html#grid.tooltip.position

Upvotes: 4

Views: 1933

Answers (2)

ned
ned

Reputation: 538

how can i create a pointer to follow the line

tooltip.position callback function is indeed not well documented, but could be used, example

Upvotes: 0

Tom
Tom

Reputation: 696

There is a setting in axisPointer that should work (snap):

'tooltip' => [
'trigger' => 'axis',
'axisPointer' => [ 'type' => 'cross', 'snap' => TRUE ],
'axis' => 'x',
'backgroundColor' => 'rgba(250,250,250,1)',
'borderColor' => '#5d00f3',
'confine' => TRUE,
 
'textStyle' => [
    'fontWeight' => 'bold',
    'fontSize'=> '17',
    'color' => '#000', 
],

],

Upvotes: 1

Related Questions