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. R曲線下面的陰影區域
- 3. 如何在兩條線之間繪製陰影區域
- 4. 如何製作未定義區域的顏色圖?
- 5. 繪圖中曲線之間的陰影區域
- 6. Java圖片顏色區域區別
- 7. 如何設置Google地理區域的區域顏色?
- 8. 繪製兩條曲線之間的陰影區域
- 9. 如何將錯誤繪製爲陰影區域?
- 10. Highcharts繪製線而不是區域
- 11. 屏幕上的陰影區域
- 12. 如何擦除由線段和顏色塊分隔的區域?
- 13. 線加陰影中matplotlib的傳奇區域的誤差帶
- 14. 填寫地圖的區域用顏色
- 15. 如何重現拾取器的陰影區域影響
- 16. 創建顏色中間系列的區域線圖?
- 17. 使用D3的兩條線之間的陰影區域
- 18. 相交區域顏色
- 19. 陰影沿Y軸有界區域
- 20. 在R Plot中繪製分隔的陰影區域
- 21. 安全地更新單獨線程中BufferedImage的單獨區域?
- 22. 如何設置步進顏色區域?
- 23. 如何在Highcharts中爲區域邊界實現純色?
- 24. 文本區域中的顏色值
- 25. 兩條曲線之間的陰影區域
- 26. XNA深度圖重疊區域顏色
- 27. 區域圖改變默認顏色
- 28. 周圍添加多行獨立陰影區域GGPLOT2對象
- 29. 如何按顏色過濾OpenCV圖像中的矩形區域?
- 30. 單獨區域算法
怎麼樣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