0
A
回答
0
你需要的是与黑暗的主题选项Highcharts的areaspline财产。
这里是一个例子;
$(function() {
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&callback=?', function (data) {
$('#container').highcharts({
chart: {
zoomType: 'x'
},
title: {
text: 'USD to EUR exchange rate over time'
},
subtitle: {
text: document.ontouchstart === undefined ?
'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'Exchange rate'
}
},
legend: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'USD to EUR',
data: data
}]
});
});
而this jsFiddle是以上示例的实况形式。
这里重要的是:
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.2.5/themes/dark-unica.js"></script>
line;这给图表黑暗主题。
1
遵循下面的代码:
低于设定在你的JavaScript代码,并更改您要喜欢的颜色...
fillColor : {
linearGradient : {x1: 0, y1: 0, x2: 0, y2: 1},
stops : [ [0, '#2a2a2b'], [1, '#3e3e40']],
}
下面的颜色是分配到线
[0 ,'#2a2a2b']
while
[1,“#3e3e40”]
上面一个是阴影区域
我敢肯定,这将帮助你......你只需要添加此代码,并改变你你喜欢的颜色代码...
谢谢...
相关问题
- 1. 颜色在曲线分布下的阴影区域绘制不同的颜色
- 2. Highcharts与多色区域的折线图
- 3. 图像c中的阴影区域图
- 4. 曲线下方的阴影区域R
- 5. R曲线下面的阴影区域
- 6. 如何为离散值下的线条阴影区域
- 7. 如何在两条线之间绘制阴影区域
- 8. 为图像的区域分配颜色
- 9. 如何制作具有不同区域颜色的Excel图表?
- 10. 如何制作未定义区域的颜色图?
- 11. 绘图中曲线之间的阴影区域
- 12. highcharts转换区域范围为多条线上的阴谋
- 13. R - 两条不同颜色交叉线之间的阴影区域
- 14. jvectormap区域颜色
- 15. Highcharts:如何更改区域绘图中的MouseOver事件上的所有区域的颜色
- 16. Java图片颜色区域区别
- 17. 如何设置Google地理区域的区域颜色?
- 18. 绘制两条曲线之间的阴影区域
- 19. 如何将错误绘制为阴影区域?
- 20. 如何在HighCharts的2个点之间制作颜色填充区域
- 21. 指定区域的颜色?
- 22. 谷歌地图上绘制V3的阴影区域 - 的Javascript
- 23. kml边界以外的阴影区域
- 24. 屏幕上的阴影区域
- 25. Highcharts绘制线而不是区域
- 26. 如何擦除由线段和颜色块分隔的区域?
- 27. 线加阴影中matplotlib的传奇区域的误差带
- 28. 填写地图的区域用颜色
- 29. 如何绘制包含大量数据点的阴影区域的包络线?
- 30. 在matlab中更改颜色区域图
怎么样http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-time-series/- 颜色存储在'st ops'财产。 –
@MartinSchneider非常感谢,我只是在寻找这个。 – Pilaventhiran