DateFormat Tooltip for Scatter Plot不会改变

我将我的烧瓶应用程序与Highcharts集成在一起，而Highcharts图是两条线（一条是样条线，另一条是散点图）的混合。该行在工具提示中显示正确的日期格式，而散点图不显示。DateFormat Tooltip for Scatter Plot不会改变

我没有看到，这可以通过编写JavaScript代码来完成一个链接：

tooltip: { 
    crosshairs: true, 
    formatter: function() { 
     return '<b>' + Highcharts.dateFormat('%e. %b %Y, %H:00', this.x) + '</b> ' + this.series.name + ': ' + this.y + ' m/s'; 
    } 
}

我想这样做，而无需编写JavaScript代码。

我的主要Python代码是这样的：

series = [ 
    { 
     "type":"scatter", 
     "name": 'Data Points', 
     "data":modified_result, 
     "tooltip":{"xDateFormat":'%Y-%m-%d'} 
    }, 
    { 
     "type":"spline", 
     "name": 'trend line', 
     "data":line_result, 
     "tooltip":{"xDateFormat":'%Y-%m-%d'} 
    } 
]

，然后我说我的渲染模板：

return flask.render_template('index.html', 
      result = result, 
      predicted_prices = predicted_prices, 
      chartID=chartID, 
      chart=chart, 
      series=series, 
      title=title, 
      xAxis=xAxis, 
      yAxis=yAxis)

和index.html中，我有：

<script> 
    var chart_id = {{ chartID|safe }} 
    var series = {{ series|safe }} 
    var title = {{ title|safe }} 
    var xAxis = {{ xAxis|safe }} 
    var yAxis = {{ yAxis|safe }} 
    var chart = {{ chart|safe }}

哪叫j avascript：

$(document).ready(function() { 
    $(chart_id).highcharts({ 
    chart: chart, 
    title: title, 
    xAxis: xAxis, 
    yAxis: yAxis, 
    series: series 
    }); 
});

来源

2015-07-10 Gayatri

你会如何做到这一点没有JavaScript代码？你目前的工具提示格式是什么，你期望的格式是什么？您的代码对于图表有什么用处？ – wergeld

我改变了我的原始问题，包括我如何做 – Gayatri

'scatter'类型的工具提示有一些不同的设置。看看这个answer。您可以在series设置代码中执行此操作，例如您已经为xDateFormat执行此操作。

{ 
    "type":"scatter", 
    "name": 'Data Points', 
    "data":modified_result, 
    "tooltip":{ 
     "xDateFormat":'%Y-%m-%d', 
     "headerFormat": '{point.key}<br />', 
     "pointFormat": '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y}</b><br/>' 
    } 
}

你可以在这里玩耍，以更好地设置它的方式来满足你的需求。样品fiddle。

来源

2015-07-10 17:56:30 wergeld

是的！谢谢 – Gayatri

我想我想出了如何做到这一点，以便它不影响日期格式。

而不是使用：

series = [ 
{ 
    "type":"scatter", 
    "name": 'Data Points', 
    "data":modified_result, 
    "tooltip":{"xDateFormat":'%Y-%m-%d'} 
}

我重新格式化，作为：

series = [{"name": 'Data Points', "data":modified_result, "marker" : { \ 
       "enabled" : "true", \ 
       "radius" : 4 \ 
      },"lineWidth" : 0,}

这将显示与正确的日期格式的散点图。

来源

2015-07-10 17:52:29 Gayatri

DateFormat Tooltip for Scatter Plot不会改变

回答

相关问题