主页 / 问题 / 771359
Accepted
Al Mr
Asked:2020-01-16 15:50:37 +0800 CST2020-01-16 15:50:37 +0800 CST

Highcharts 图表线的不同颜色

  • 772

Highcharts js库中有没有办法为同一个图表设置不同的颜色？那么带负值的线是一种颜色，而带正值的同一条线是另一种颜色？

UPD

这就是我构建图表的方式

new Highcharts.Chart({
    "chart":{
        "renderTo":"chart1",
        "height":200,
        "width":300
    },
    "xAxis":{
        "type":"datetime",
        "title":false,
        "dateTimeLabelFormats":{"day":"%e.%m"}
    },
    "series":[{
        "data":[{
            "x":1515184552000,"y":3.62,"color":"#ff0000", 
            ...
        }],
    }],
    "tooltip":{"enabled":false},
    "legend":{"enabled":false}
});

这导致了一个图表

日程

零以下的线必须是不同的颜色。从代码中可以看出，我尝试data转移到数组color，但是当鼠标悬停在图表上时，只有点的颜色会发生变化，而不是图表线本身。

highcharts

1 个回答

  1. Best Answer

    答案可能不再相关，但尽管如此。

    使用negativeColor系列属性

    Highcharts.chart('container', {

    series: [ {
        name: 'test',
        data: [-1, 1, 2, -1, -2, 0, 1, 1],
        color: "red",
        negativeColor: "blue",
    }, ],
});
    #container {
	min-width: 310px;
	max-width: 800px;
	height: 200px;
	margin: 0 auto
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

    • 3

相关问题