Echarts 貌似沒(méi)這樣的配置項(xiàng)。
我寫(xiě)了個(gè)另類(lèi)的方法可以試試
// 鼠標(biāo)退出
myChart.on('mouseout', function (params) {
setBrush(params.name)
});
// 設(shè)置豎線
function setBrush(focus) {
myChart.dispatchAction({
type: 'brush',
areas: [
{
brushType: 'lineX',
coordRange: [focus, focus],
xAxisIndex: 0
}
]
});
}
完整實(shí)例代碼:
var upColor = '#00da3c';
var downColor = '#ec0000';
function splitData(rawData) {
var categoryData = [];
var values = [];
var volumes = [];
for (var i = 0; i < rawData.length; i++) {
categoryData.push(rawData[i].splice(0, 1)[0]);
values.push(rawData[i]);
volumes.push([i, rawData[i][4], rawData[i][0] > rawData[i][1] ? 1 : -1]);
}
return {
categoryData: categoryData,
values: values,
volumes: volumes
};
}
function calculateMA(dayCount, data) {
var result = [];
for (var i = 0, len = data.values.length; i < len; i++) {
if (i < dayCount) {
result.push('-');
continue;
}
var sum = 0;
for (var j = 0; j < dayCount; j++) {
sum += data.values[i - j][1];
}
result.push(+(sum / dayCount).toFixed(3));
}
return result;
}
$.get('data/asset/data/stock-DJI.json', function (rawData) {
var data = splitData(rawData);
myChart.setOption(option = {
backgroundColor: '#fff',
animation: false,
legend: {
bottom: 10,
left: 'center',
data: ['Dow-Jones index', 'MA5', 'MA10', 'MA20', 'MA30']
},
tooltip: {
trigger: 'axis',
// backgroundColor: 'rgba(245, 245, 245, 0.8)',
borderWidth: 1,
borderColor: '#ccc',
padding: 10,
textStyle: {
color: '#000'
},
// extraCssText: 'width: 170px'
},
axisPointer: {
link: {xAxisIndex: 'all'},
label: {
backgroundColor: '#777'
}
},
toolbox: {
feature: {
dataZoom: {
yAxisIndex: false
},
brush: {
type: ['lineX', 'clear']
}
}
},
brush: {
xAxisIndex: 'all',
brushLink: 'all',
outOfBrush: {
colorAlpha: 1
}
},
visualMap: {
show: false,
seriesIndex: 5,
dimension: 2,
pieces: [{
value: 1,
color: downColor
}, {
value: -1,
color: upColor
}]
},
grid: [
{
left: '10%',
right: '8%',
height: '50%'
},
{
left: '10%',
right: '8%',
top: '63%',
height: '16%'
}
],
xAxis: [
{
type: 'category',
data: data.categoryData,
scale: true,
boundaryGap : false,
axisLine: {onZero: false},
splitLine: {show: false},
splitNumber: 20,
min: 'dataMin',
max: 'dataMax',
axisPointer: {
z: 100
}
},
{
type: 'category',
gridIndex: 1,
data: data.categoryData,
scale: true,
boundaryGap : false,
axisLine: {onZero: false},
axisTick: {show: false},
splitLine: {show: false},
axisLabel: {show: false},
splitNumber: 20,
min: 'dataMin',
max: 'dataMax'
// axisPointer: {
// label: {
// formatter: function (params) {
// var seriesValue = (params.seriesData[0] || {}).value;
// return params.value
// + (seriesValue != null
// ? '\n' + echarts.format.addCommas(seriesValue)
// : ''
// );
// }
// }
// }
}
],
yAxis: [
{
scale: true,
splitArea: {
show: true
}
},
{
scale: true,
gridIndex: 1,
splitNumber: 2,
axisLabel: {show: false},
axisLine: {show: false},
axisTick: {show: false},
splitLine: {show: false}
}
],
dataZoom: [
{
type: 'inside',
xAxisIndex: [0, 1],
start: 98,
end: 100
},
{
show: true,
xAxisIndex: [0, 1],
type: 'slider',
top: '85%',
start: 98,
end: 100
}
],
series: [
{
name: 'Dow-Jones index',
type: 'candlestick',
data: data.values,
itemStyle: {
normal: {
color: upColor,
color0: downColor,
borderColor: null,
borderColor0: null
}
},
},
{
name: 'MA5',
type: 'line',
data: calculateMA(5, data),
smooth: true,
lineStyle: {
normal: {opacity: 0.5}
}
},
{
name: 'MA10',
type: 'line',
data: calculateMA(10, data),
smooth: true,
lineStyle: {
normal: {opacity: 0.5}
}
},
{
name: 'MA20',
type: 'line',
data: calculateMA(20, data),
smooth: true,
lineStyle: {
normal: {opacity: 0.5}
}
},
{
name: 'MA30',
type: 'line',
data: calculateMA(30, data),
smooth: true,
lineStyle: {
normal: {opacity: 0.5}
}
},
{
name: 'Volume',
type: 'bar',
xAxisIndex: 1,
yAxisIndex: 1,
data: data.volumes
}
]
}, true);
// 鼠標(biāo)退出
myChart.on('mouseout', function (params) {
setBrush(params.name)
});
// 設(shè)置豎線
function setBrush(focus) {
myChart.dispatchAction({
type: 'brush',
areas: [
{
brushType: 'lineX',
coordRange: [focus, focus],
xAxisIndex: 0
}
]
});
}
});var myCalendar = new SimpleCalendar('#container');放在mounted里面,放在外面此時(shí)渲染還沒(méi)完成,找不到dom
export default {
data() {
return {
//button:"預(yù)定",
}
}
mounted:(){
this.$nextTick(()=>{
var myCalendar = new SimpleCalendar('#container');
})
}
}reponseText 不太懂但是你少打一個(gè)s responseText
1、定義路由的時(shí)候可以配置 meta 字段,在beforeEach勾函數(shù)進(jìn)行權(quán)限過(guò)濾。
2、登錄后后端返回一個(gè)標(biāo)識(shí)(token),所有請(qǐng)求都帶上token。如果對(duì)不上則返回403,然后進(jìn)行跳轉(zhuǎn)到登錄頁(yè)!
不過(guò)用a跳轉(zhuǎn)的路由沒(méi)有找到比較好的方法,只能在后端判斷一個(gè)用來(lái)記錄是否登錄的一個(gè)標(biāo)識(shí)是否存在,來(lái)進(jìn)行權(quán)限控制。
可以用正則替換
a.replace(/\\u([a-f\d]{4}|{([a-f\d]{5})})/gi,(x,y,z)=>String.fromCodePoint('0x'+(z||y)))url-loader 里面設(shè)置下圖片的limit
你可以問(wèn)一下后臺(tái)這是有重定向地址的
MVVM以數(shù)據(jù)為驅(qū)動(dòng),數(shù)據(jù)修改了View自然就變了。所以去改變v-model就行了
可以,但必須關(guān)聯(lián)同一公眾號(hào):https://developers.weixin.qq....
問(wèn)題寫(xiě)詳細(xì)一點(diǎn),具體問(wèn)的什么都不清楚,先提供一個(gè)個(gè)人理解的思路,你在瀏覽器查找到你的hover屬性值,然后在當(dāng)前頁(yè)面下style中強(qiáng)制設(shè)置就成style中不能使用scoped,否則添加樣式失效,如果你只要作用在當(dāng)前頁(yè)面,在table外圍添加類(lèi),CSS寫(xiě)法.類(lèi)名 + .更該的類(lèi)名:hover{} SASS或者LESS .類(lèi)名{.更改的類(lèi)型:hover{}}
你這個(gè)需求我聽(tīng)說(shuō)過(guò)一些,二維碼是 0 和 1 在一個(gè)方塊里,白色的是0 黑色的是1 以此來(lái)表達(dá)整個(gè)01001001011101這種二進(jìn)制,然后再通過(guò)攝像頭拍攝,光感芯片錄入存儲(chǔ)設(shè)備,程序提取出整個(gè)圖片進(jìn)行色差對(duì)比,深色的就是1淺色的是0 ,也就是說(shuō),只要二維碼能表達(dá)出深淺對(duì)比度大的都能識(shí)別
也就是說(shuō),你在市面上看到的那么好看的二維碼,很大一部分是美工ps出來(lái)的,當(dāng)然程序替換生成的也不少,但是都是核心技術(shù),因?yàn)檫@個(gè)對(duì)比度的數(shù)據(jù)需要反復(fù)測(cè)試,然后存儲(chǔ)下來(lái),成為模板,等到下一個(gè)用戶(hù)生成的時(shí)候,直接調(diào)取模板,完成替換。
比如你發(fā)的這個(gè)網(wǎng)站上有一句話(huà)
所以你想直接生成要完成兩個(gè)目標(biāo),第一,你有模板,第二你有調(diào)取模板并替換的算法
很顯然,你啥都沒(méi)有,
那就看一個(gè)開(kāi)源項(xiàng)目吧
http://cgv.cs.nthu.edu.tw/Pro...
hbuilder打包 可以選擇安卓 ios
中文輸入法的輸入過(guò)程中會(huì)有 compositionstart 等事件,一般英文輸入法沒(méi)有。輸入法名應(yīng)該弄不到。
"File"->"Project Structure"->"Library",點(diǎn)"+"
jquery.load() 不會(huì)有這個(gè)問(wèn)題,在沒(méi)有 Vue 之前我就是這么做的。
我估計(jì)問(wèn)題在于你 load 進(jìn)來(lái)的頁(yè)面不是“代碼片段”,而是完整的頁(yè)面,你需要處理一下。
你這個(gè)思路是對(duì)的,點(diǎn)擊當(dāng)前的div,將當(dāng)前div的css屬性改掉。但是就著這個(gè)思路你寫(xiě)的代碼還是有些許問(wèn)題。
1、獲取元素放到循環(huán)外面去,不然每循環(huán)一次都要去獲取一次
2、里面邏輯是錯(cuò)的,好好理一理
但是呢,還是有比較好的思路來(lái)做這個(gè)事情,那就是當(dāng)你點(diǎn)擊某個(gè)div的時(shí)候,給它加一個(gè)class,而不是修改它本身的屬性
很明顯,你使用的了一些非法的props。
把相應(yīng)的代碼貼出來(lái)看看。
前端
axios.post('/post',{data:表1數(shù)據(jù),data2:表2數(shù)據(jù)});
后端(KOA為例,需要koa-bodyparser中間件)
const {data,data2} = ctx.request.body;
const [model,model2] = await Promise.all([Model.create(data),Model2.create(data2)]);你的vue中js部分沒(méi)有添加
<script>
export default {
}
</script>it needs to be installed alongside webpack to use the CLI
webpack-cli需要和webpack同時(shí)安裝才能生效。記住?。⊥瑫r(shí)安裝
yarn add webpack-cli webpack -D
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。