Question

我有一个面积图，在工具提示中显示了一些值和日期时间，如下图所示：

这是我使用的选项：

const getConfig = data => ({
    chart: {
        type: 'area'
    },
    rangeSelector: {    
        selected: 1
    },
    title: {
        text: 'Highcharts',
    },
    xAxis: {
        tickInterval: 1000,
    },
    yAxis: {
        allowDecimals: false,
        labels: {
            format: '{value}'
        }
    },
    tooltip: {
        pointFormat: "{point.y:.0f}"
    },
    series: [
        {
            name: 'Data',
            data: data,
        },
    ],
});

我已经尝试过这个customize highcharts tooltip to show datetime，使用此代码：

tooltip: {
    formatter: function() {
        return  '<b>' + this.series.name +'</b><br/>' +
            Highcharts.dateFormat('%e - %b - %Y',
                                  new Date(this.x))
        + ' date, ' + this.y + ' Kg.';
    }
}

但仍不更改下部工具提示（日期时间），它只是更改上部工具提示（122值）。

如何在工具提示处删除十进制值，使时间就像Sunday, Jul 29, 15:50:14一样？

Answer 1

使用 dateTimeLabelFormats ：

private async void BeginUpdate(bool webserverStatus)
{
    if (!webserverStatus) return;

    var byteArray  = File.ReadAllBytes("myUpdatePackage.zip");
    var httpClient = new HttpClient();
    var form       = new MultipartFormDataContent();

    form.Add(new ByteArrayContent(byteArray, 0, byteArray.Length), "myUpdatePackage", "myUpdatePackage.zip");
    HttpResponseMessage response = await httpClient.PutAsync(@"http://localhost:9000/api/file/", form);

    response.EnsureSuccessStatusCode();
    httpClient.Dispose();
    string sd = response.Content.ReadAsStringAsync().Result;
}

实时演示：http://jsfiddle.net/BlackLabel/nbgzkwj3/

API：https://api.highcharts.com/highcharts/tooltip.dateTimeLabelFormats.millisecond

如何在React Highchart的工具提示中删除小数时间

1 个答案: