Question

在this one这样的柱状图中，我们可以将负值显示为红色吗？

"data": [
    {
        "label": "Week 1",
        "value": "14.5"
    }, 
    {
        "label": "Week 2",
        "value": "-6.5"
    },

JsFiddle

Answer 1

您可以指定displayValue属性：

"data": [
    {
        "label": "Week 1",
        "displayValue": '<font style="color:black;">14.5</font>', 
        "value": "14.5"
    }, 
    {
        "label": "Week 2",
        "displayValue": '<font style="color:red;">-6.5</font>', 
        "value": "-6.5"
    },

Answer 2

有一些useful documentation on highlighting specific data here。

您需要在特定数据点上指定颜色属性。

static void Main(string[] args)
{
    ServicePointManager.DefaultConnectionLimit = 500;
    ServicePointManager.UseNagleAlgorithm = false;

    var sp = ServicePointManager.FindServicePoint(new Uri("http://google.ie/"));
    sp.ConnectionLimit = 500;
    sp.MaxIdleTime = 20 * 1000;

    using (var client = new HttpClient(new HttpClientHandler() { UseProxy = false , Proxy = null}, true))
    {
        client.BaseAddress = new Uri("http://google.ie/");

        while (true)
        {
            var tasks = Enumerable
                            .Range(0, 20)
                            .Select(i => PerformCall(client))
                            .ToArray();

            Task.WaitAll(tasks);
            Console.WriteLine();
            Console.ReadKey(true);
        }

    }

    Console.WriteLine("End");
    Console.ReadKey(true);
}

static int counter = 0;
static async Task PerformCall(HttpClient client)
{
    var sw = new Stopwatch();
    sw.Start();
    var response = await client.GetAsync("", HttpCompletionOption.ResponseContentRead).ConfigureAwait(false);
    sw.Stop();
    Console.WriteLine($"{Interlocked.Increment(ref counter).ToString("00")} {sw.ElapsedMilliseconds} {response.StatusCode}");
}

可以帮助您解决这个问题的一件事是Array.forEach()函数：

20:34:02.110
01 153 OK
02 156 OK
03 163 OK
04 181 OK
05 184 OK
06 185 OK
07 189 OK
08 200 OK
09 351 OK
10 362 OK
11 363 OK
12 370 OK
13 402 OK
14 402 OK
15 3127 OK
16 3128 OK
17 3131 OK
18 3138 OK
19 3158 OK
20 3292 OK

20:34:10.525
21 77 OK
22 85 OK
23 86 OK
24 86 OK
25 87 OK
26 104 OK
27 156 OK
28 156 OK
29 156 OK
30 156 OK
31 175 OK
32 175 OK
33 175 OK
34 205 OK
35 263 OK
36 298 OK
37 308 OK
38 312 OK
39 362 OK
40 453 OK

20:34:18.141
41 69 OK
42 78 OK
43 79 OK
44 85 OK
45 91 OK
46 92 OK
47 94 OK
48 101 OK
49 103 OK
50 104 OK
51 105 OK
52 111 OK
53 300 OK
54 308 OK
55 312 OK
56 312 OK
57 313 OK
58 313 OK
59 327 OK
60 332 OK

Updated Fiddle

如何在柱形图中显示不同颜色的负值？

2 个答案: