折线图splitLine与axisLabel疑问ECharts Gallery

20:11:45图表已生成
代码
var data = "<?xml version='1.0' encoding='UTF-8'?><chart><xaxis><value xid='0' show='true'>O/N</value><value xid='1'>2</value><value xid='2'>3</value><value xid='3'>4</value><value xid='4'>5</value><value xid='5'>6</value><value xid='6' show='true'>1W</value><value xid='7'>8</value><value xid='8'>9</value><value xid='9'>10</value><value xid='10'>11</value><value xid='11'>12</value><value xid='12'>13</value><value xid='13' show='true'>2W</value><value xid='14'>15</value><value xid='15'>16</value><value xid='16'>17</value><value xid='17'>18</value><value xid='18'>19</value><value xid='19'>20</value><value xid='20'>21</value><value xid='21'>22</value><value xid='22'>23</value><value xid='23'>24</value><value xid='24'>25</value><value xid='25'>26</value><value xid='26'>27</value><value xid='27'>28</value><value xid='28'>29</value><value xid='29' show='true'>1M</value><value xid='30'>31</value><value xid='31'>32</value><value xid='32'>33</value><value xid='33'>34</value><value xid='34'>35</value><value xid='35'>36</value><value xid='36'>37</value><value xid='37'>38</value><value xid='38'>39</value><value xid='39'>40</value><value xid='40'>41</value><value xid='41'>42</value><value xid='42'>43</value><value xid='43'>44</value><value xid='44'>45</value><value xid='45'>46</value><value xid='46'>47</value><value xid='47'>48</value><value xid='48'>49</value><value xid='49'>50</value><value xid='50'>51</value><value xid='51'>52</value><value xid='52'>53</value><value xid='53'>54</value><value xid='54'>55</value><value xid='55'>56</value><value xid='56'>57</value><value xid='57'>58</value><value xid='58'>59</value><value xid='59'>60</value><value xid='60'>61</value><value xid='61'>62</value><value xid='62'>63</value><value xid='63'>64</value><value xid='64'>65</value><value xid='65'>66</value><value xid='66'>67</value><value xid='67'>68</value><value xid='68'>69</value><value xid='69'>70</value><value xid='70'>71</value><value xid='71'>72</value><value xid='72'>73</value><value xid='73'>74</value><value xid='74'>75</value><value xid='75'>76</value><value xid='76'>77</value><value xid='77'>78</value><value xid='78'>79</value><value xid='79'>80</value><value xid='80'>81</value><value xid='81'>82</value><value xid='82'>83</value><value xid='83'>84</value><value xid='84'>85</value><value xid='85'>86</value><value xid='86'>87</value><value xid='87'>88</value><value xid='88'>89</value><value xid='89' show='true'>3M</value><value xid='90'>91</value><value xid='91'>92</value><value xid='92'>93</value><value xid='93'>94</value><value xid='94'>95</value><value xid='95'>96</value><value xid='96'>97</value><value xid='97'>98</value><value xid='98'>99</value><value xid='99'>100</value><value xid='100'>101</value><value xid='101'>102</value><value xid='102'>103</value><value xid='103'>104</value><value xid='104'>105</value><value xid='105'>106</value><value xid='106'>107</value><value xid='107'>108</value><value xid='108'>109</value><value xid='109'>110</value><value xid='110'>111</value><value xid='111'>112</value><value xid='112'>113</value><value xid='113'>114</value><value xid='114'>115</value><value xid='115'>116</value><value xid='116'>117</value><value xid='117'>118</value><value xid='118'>119</value><value xid='119'>120</value><value xid='120'>121</value><value xid='121'>122</value><value xid='122'>123</value><value xid='123'>124</value><value xid='124'>125</value><value xid='125'>126</value><value xid='126'>127</value><value xid='127'>128</value><value xid='128'>129</value><value xid='129'>130</value><value xid='130'>131</value><value xid='131'>132</value><value xid='132'>133</value><value xid='133'>134</value><value xid='134'>135</value><value xid='135'>136</value><value xid='136'>137</value><value xid='137'>138</value><value xid='138'>139</value><value xid='139'>140</value><value xid='140'>141</value><value xid='141'>142</value><value xid='142'>143</value><value xid='143'>144</value><value xid='144'>145</value><value xid='145'>146</value><value xid='146'>147</value><value xid='147'>148</value><value xid='148'>149</value><value xid='149'>150</value><value xid='150'>151</value><value xid='151'>152</value><value xid='152'>153</value><value xid='153'>154</value><value xid='154'>155</value><value xid='155'>156</value><value xid='156'>157</value><value xid='157'>158</value><value xid='158'>159</value><value xid='159'>160</value><value xid='160'>161</value><value xid='161'>162</value><value xid='162'>163</value><value xid='163'>164</value><value xid='164'>165</value><value xid='165'>166</value><value xid='166'>167</value><value xid='167'>168</value><value xid='168'>169</value><value xid='169'>170</value><value xid='170'>171</value><value xid='171'>172</value><value xid='172'>173</value><value xid='173'>174</value><value xid='174'>175</value><value xid='175'>176</value><value xid='176'>177</value><value xid='177'>178</value><value xid='178'>179</value><value xid='179' show='true'>6M</value><value xid='180'>181</value><value xid='181'>182</value><value xid='182'>183</value><value xid='183'>184</value><value xid='184'>185</value><value xid='185'>186</value><value xid='186'>187</value><value xid='187'>188</value><value xid='188'>189</value><value xid='189'>190</value><value xid='190'>191</value><value xid='191'>192</value><value xid='192'>193</value><value xid='193'>194</value><value xid='194'>195</value><value xid='195'>196</value><value xid='196'>197</value><value xid='197'>198</value><value xid='198'>199</value><value xid='199'>200</value><value xid='200'>201</value><value xid='201'>202</value><value xid='202'>203</value><value xid='203'>204</value><value xid='204'>205</value><value xid='205'>206</value><value xid='206'>207</value><value xid='207'>208</value><value xid='208'>209</value><value xid='209'>210</value><value xid='210'>211</value><value xid='211'>212</value><value xid='212'>213</value><value xid='213'>214</value><value xid='214'>215</value><value xid='215'>216</value><value xid='216'>217</value><value xid='217'>218</value><value xid='218'>219</value><value xid='219'>220</value><value xid='220'>221</value><value xid='221'>222</value><value xid='222'>223</value><value xid='223'>224</value><value xid='224'>225</value><value xid='225'>226</value><value xid='226'>227</value><value xid='227'>228</value><value xid='228'>229</value><value xid='229'>230</value><value xid='230'>231</value><value xid='231'>232</value><value xid='232'>233</value><value xid='233'>234</value><value xid='234'>235</value><value xid='235'>236</value><value xid='236'>237</value><value xid='237'>238</value><value xid='238'>239</value><value xid='239'>240</value><value xid='240'>241</value><value xid='241'>242</value><value xid='242'>243</value><value xid='243'>244</value><value xid='244'>245</value><value xid='245'>246</value><value xid='246'>247</value><value xid='247'>248</value><value xid='248'>249</value><value xid='249'>250</value><value xid='250'>251</value><value xid='251'>252</value><value xid='252'>253</value><value xid='253'>254</value><value xid='254'>255</value><value xid='255'>256</value><value xid='256'>257</value><value xid='257'>258</value><value xid='258'>259</value><value xid='259'>260</value><value xid='260'>261</value><value xid='261'>262</value><value xid='262'>263</value><value xid='263'>264</value><value xid='264'>265</value><value xid='265'>266</value><value xid='266'>267</value><value xid='267'>268</value><value xid='268'>269</value><value xid='269' show='true'>9M</value><value xid='270'>271</value><value xid='271'>272</value><value xid='272'>273</value><value xid='273'>274</value><value xid='274'>275</value><value xid='275'>276</value><value xid='276'>277</value><value xid='277'>278</value><value xid='278'>279</value><value xid='279'>280</value><value xid='280'>281</value><value xid='281'>282</value><value xid='282'>283</value><value xid='283'>284</value><value xid='284'>285</value><value xid='285'>286</value><value xid='286'>287</value><value xid='287'>288</value><value xid='288'>289</value><value xid='289'>290</value><value xid='290'>291</value><value xid='291'>292</value><value xid='292'>293</value><value xid='293'>294</value><value xid='294'>295</value><value xid='295'>296</value><value xid='296'>297</value><value xid='297'>298</value><value xid='298'>299</value><value xid='299'>300</value><value xid='300'>301</value><value xid='301'>302</value><value xid='302'>303</value><value xid='303'>304</value><value xid='304'>305</value><value xid='305'>306</value><value xid='306'>307</value><value xid='307'>308</value><value xid='308'>309</value><value xid='309'>310</value><value xid='310'>311</value><value xid='311'>312</value><value xid='312'>313</value><value xid='313'>314</value><value xid='314'>315</value><value xid='315'>316</value><value xid='316'>317</value><value xid='317'>318</value><value xid='318'>319</value><value xid='319'>320</value><value xid='320'>321</value><value xid='321'>322</value><value xid='322'>323</value><value xid='323'>324</value><value xid='324'>325</value><value xid='325'>326</value><value xid='326'>327</value><value xid='327'>328</value><value xid='328'>329</value><value xid='329'>330</value><value xid='330'>331</value><value xid='331'>332</value><value xid='332'>333</value><value xid='333'>334</value><value xid='334'>335</value><value xid='335'>336</value><value xid='336'>337</value><value xid='337'>338</value><value xid='338'>339</value><value xid='339'>340</value><value xid='340'>341</value><value xid='341'>342</value><value xid='342'>343</value><value xid='343'>344</value><value xid='344'>345</value><value xid='345'>346</value><value xid='346'>347</value><value xid='347'>348</value><value xid='348'>349</value><value xid='349'>350</value><value xid='350'>351</value><value xid='351'>352</value><value xid='352'>353</value><value xid='353'>354</value><value xid='354'>355</value><value xid='355'>356</value><value xid='356'>357</value><value xid='357'>358</value><value xid='358'>359</value><value xid='359' show='true'>1Y</value></xaxis><graphs><graph gid='0'><value xid='359'>3.0470</value><value xid='89'>2.7950</value><value xid='29'>2.7820</value><value xid='179'>2.8350</value><value xid='0'>2.3150</value><value xid='269'>2.9170</value><value xid='6'>2.5790</value><value xid='13'>2.7130</value><value xid='1'>2.3590</value><value xid='2'>2.4030</value><value xid='3'>2.4470</value><value xid='4'>2.4910</value><value xid='5'>2.5350</value><value xid='7'>2.5981</value><value xid='8'>2.6173</value><value xid='9'>2.6364</value><value xid='10'>2.6556</value><value xid='11'>2.6747</value><value xid='12'>2.6939</value><value xid='14'>2.7173</value><value xid='15'>2.7216</value><value xid='16'>2.7259</value><value xid='17'>2.7303</value><value xid='18'>2.7346</value><value xid='19'>2.7389</value><value xid='20'>2.7432</value><value xid='21'>2.7475</value><value xid='22'>2.7518</value><value xid='23'>2.7561</value><value xid='24'>2.7604</value><value xid='25'>2.7648</value><value xid='26'>2.7691</value><value xid='27'>2.7734</value><value xid='28'>2.7777</value><value xid='30'>2.7822</value><value xid='31'>2.7824</value><value xid='32'>2.7827</value><value xid='33'>2.7829</value><value xid='34'>2.7831</value><value xid='35'>2.7833</value><value xid='36'>2.7835</value><value xid='37'>2.7837</value><value xid='38'>2.7840</value><value xid='39'>2.7842</value><value xid='40'>2.7844</value><value xid='41'>2.7846</value><value xid='42'>2.7848</value><value xid='43'>2.7850</value><value xid='44'>2.7853</value><value xid='45'>2.7855</value><value xid='46'>2.7857</value><value xid='47'>2.7859</value><value xid='48'>2.7861</value><value xid='49'>2.7863</value><value xid='50'>2.7866</value><value xid='51'>2.7868</value><value xid='52'>2.7870</value><value xid='53'>2.7872</value><value xid='54'>2.7874</value><value xid='55'>2.7876</value><value xid='56'>2.7879</value><value xid='57'>2.7881</value><value xid='58'>2.7883</value><value xid='59'>2.7885</value><value xid='60'>2.7887</value><value xid='61'>2.7889</value><value xid='62'>2.7892</value><value xid='63'>2.7894</value><value xid='64'>2.7896</value><value xid='65'>2.7898</value><value xid='66'>2.7900</value><value xid='67'>2.7902</value><value xid='68'>2.7905</value><value xid='69'>2.7907</value><value xid='70'>2.7909</value><value xid='71'>2.7911</value><value xid='72'>2.7913</value><value xid='73'>2.7915</value><value xid='74'>2.7918</value><value xid='75'>2.7920</value><value xid='76'>2.7922</value><value xid='77'>2.7924</value><value xid='78'>2.7926</value><value xid='79'>2.7928</value><value xid='80'>2.7931</value><value xid='81'>2.7933</value><value xid='82'>2.7935</value><value xid='83'>2.7937</value><value xid='84'>2.7939</value><value xid='85'>2.7941</value><value xid='86'>2.7944</value><value xid='87'>2.7946</value><value xid='88'>2.7948</value><value xid='90'>2.7954</value><value xid='91'>2.7959</value><value xid='92'>2.7963</value><value xid='93'>2.7968</value><value xid='94'>2.7972</value><value xid='95'>2.7977</value><value xid='96'>2.7981</value><value xid='97'>2.7986</value><value xid='98'>2.7990</value><value xid='99'>2.7994</value><value xid='100'>2.7999</value><value xid='101'>2.8003</value><value xid='102'>2.8008</value><value xid='103'>2.8012</value><value xid='104'>2.8017</value><value xid='105'>2.8021</value><value xid='106'>2.8026</value><value xid='107'>2.8030</value><value xid='108'>2.8034</value><value xid='109'>2.8039</value><value xid='110'>2.8043</value><value xid='111'>2.8048</value><value xid='112'>2.8052</value><value xid='113'>2.8057</value><value xid='114'>2.8061</value><value xid='115'>2.8066</value><value xid='116'>2.8070</value><value xid='117'>2.8074</value><value xid='118'>2.8079</value><value xid='119'>2.8083</value><value xid='120'>2.8088</value><value xid='121'>2.8092</value><value xid='122'>2.8097</value><value xid='123'>2.8101</value><value xid='124'>2.8106</value><value xid='125'>2.8110</value><value xid='126'>2.8114</value><value xid='127'>2.8119</value><value xid='128'>2.8123</value><value xid='129'>2.8128</value><value xid='130'>2.8132</value><value xid='131'>2.8137</value><value xid='132'>2.8141</value><value xid='133'>2.8146</value><value xid='134'>2.8150</value><value xid='135'>2.8154</value><value xid='136'>2.8159</value><value xid='137'>2.8163</value><value xid='138'>2.8168</value><value xid='139'>2.8172</value><value xid='140'>2.8177</value><value xid='141'>2.8181</value><value xid='142'>2.8186</value><value xid='143'>2.8190</value><value xid='144'>2.8194</value><value xid='145'>2.8199</value><value xid='146'>2.8203</value><value xid='147'>2.8208</value><value xid='148'>2.8212</value><value xid='149'>2.8217</value><value xid='150'>2.8221</value><value xid='151'>2.8226</value><value xid='152'>2.8230</value><value xid='153'>2.8234</value><value xid='154'>2.8239</value><value xid='155'>2.8243</value><value xid='156'>2.8248</value><value xid='157'>2.8252</value><value xid='158'>2.8257</value><value xid='159'>2.8261</value><value xid='160'>2.8266</value><value xid='161'>2.8270</value><value xid='162'>2.8274</value><value xid='163'>2.8279</value><value xid='164'>2.8283</value><value xid='165'>2.8288</value><value xid='166'>2.8292</value><value xid='167'>2.8297</value><value xid='168'>2.8301</value><value xid='169'>2.8306</value><value xid='170'>2.8310</value><value xid='171'>2.8314</value><value xid='172'>2.8319</value><value xid='173'>2.8323</value><value xid='174'>2.8328</value><value xid='175'>2.8332</value><value xid='176'>2.8337</value><value xid='177'>2.8341</value><value xid='178'>2.8346</value><value xid='180'>2.8359</value><value xid='181'>2.8368</value><value xid='182'>2.8377</value><value xid='183'>2.8386</value><value xid='184'>2.8396</value><value xid='185'>2.8405</value><value xid='186'>2.8414</value><value xid='187'>2.8423</value><value xid='188'>2.8432</value><value xid='189'>2.8441</value><value xid='190'>2.8450</value><value xid='191'>2.8459</value><value xid='192'>2.8468</value><value xid='193'>2.8478</value><value xid='194'>2.8487</value><value xid='195'>2.8496</value><value xid='196'>2.8505</value><value xid='197'>2.8514</value><value xid='198'>2.8523</value><value xid='199'>2.8532</value><value xid='200'>2.8541</value><value xid='201'>2.8550</value><value xid='202'>2.8560</value><value xid='203'>2.8569</value><value xid='204'>2.8578</value><value xid='205'>2.8587</value><value xid='206'>2.8596</value><value xid='207'>2.8605</value><value xid='208'>2.8614</value><value xid='209'>2.8623</value><value xid='210'>2.8632</value><value xid='211'>2.8642</value><value xid='212'>2.8651</value><value xid='213'>2.8660</value><value xid='214'>2.8669</value><value xid='215'>2.8678</value><value xid='216'>2.8687</value><value xid='217'>2.8696</value><value xid='218'>2.8705</value><value xid='219'>2.8714</value><value xid='220'>2.8724</value><value xid='221'>2.8733</value><value xid='222'>2.8742</value><value xid='223'>2.8751</value><value xid='224'>2.8760</value><value xid='225'>2.8769</value><value xid='226'>2.8778</value><value xid='227'>2.8787</value><value xid='228'>2.8796</value><value xid='229'>2.8806</value><value xid='230'>2.8815</value><value xid='231'>2.8824</value><value xid='232'>2.8833</value><value xid='233'>2.8842</value><value xid='234'>2.8851</value><value xid='235'>2.8860</value><value xid='236'>2.8869</value><value xid='237'>2.8878</value><value xid='238'>2.8888</value><value xid='239'>2.8897</value><value xid='240'>2.8906</value><value xid='241'>2.8915</value><value xid='242'>2.8924</value><value xid='243'>2.8933</value><value xid='244'>2.8942</value><value xid='245'>2.8951</value><value xid='246'>2.8960</value><value xid='247'>2.8970</value><value xid='248'>2.8979</value><value xid='249'>2.8988</value><value xid='250'>2.8997</value><value xid='251'>2.9006</value><value xid='252'>2.9015</value><value xid='253'>2.9024</value><value xid='254'>2.9033</value><value xid='255'>2.9042</value><value xid='256'>2.9052</value><value xid='257'>2.9061</value><value xid='258'>2.9070</value><value xid='259'>2.9079</value><value xid='260'>2.9088</value><value xid='261'>2.9097</value><value xid='262'>2.9106</value><value xid='263'>2.9115</value><value xid='264'>2.9124</value><value xid='265'>2.9134</value><value xid='266'>2.9143</value><value xid='267'>2.9152</value><value xid='268'>2.9161</value><value xid='270'>2.9184</value><value xid='271'>2.9199</value><value xid='272'>2.9213</value><value xid='273'>2.9228</value><value xid='274'>2.9242</value><value xid='275'>2.9257</value><value xid='276'>2.9271</value><value xid='277'>2.9286</value><value xid='278'>2.9300</value><value xid='279'>2.9314</value><value xid='280'>2.9329</value><value xid='281'>2.9343</value><value xid='282'>2.9358</value><value xid='283'>2.9372</value><value xid='284'>2.9387</value><value xid='285'>2.9401</value><value xid='286'>2.9416</value><value xid='287'>2.9430</value><value xid='288'>2.9444</value><value xid='289'>2.9459</value><value xid='290'>2.9473</value><value xid='291'>2.9488</value><value xid='292'>2.9502</value><value xid='293'>2.9517</value><value xid='294'>2.9531</value><value xid='295'>2.9546</value><value xid='296'>2.9560</value><value xid='297'>2.9574</value><value xid='298'>2.9589</value><value xid='299'>2.9603</value><value xid='300'>2.9618</value><value xid='301'>2.9632</value><value xid='302'>2.9647</value><value xid='303'>2.9661</value><value xid='304'>2.9676</value><value xid='305'>2.9690</value><value xid='306'>2.9704</value><value xid='307'>2.9719</value><value xid='308'>2.9733</value><value xid='309'>2.9748</value><value xid='310'>2.9762</value><value xid='311'>2.9777</value><value xid='312'>2.9791</value><value xid='313'>2.9806</value><value xid='314'>2.9820</value><value xid='315'>2.9834</value><value xid='316'>2.9849</value><value xid='317'>2.9863</value><value xid='318'>2.9878</value><value xid='319'>2.9892</value><value xid='320'>2.9907</value><value xid='321'>2.9921</value><value xid='322'>2.9936</value><value xid='323'>2.9950</value><value xid='324'>2.9964</value><value xid='325'>2.9979</value><value xid='326'>2.9993</value><value xid='327'>3.0008</value><value xid='328'>3.0022</value><value xid='329'>3.0037</value><value xid='330'>3.0051</value><value xid='331'>3.0066</value><value xid='332'>3.0080</value><value xid='333'>3.0094</value><value xid='334'>3.0109</value><value xid='335'>3.0123</value><value xid='336'>3.0138</value><value xid='337'>3.0152</value><value xid='338'>3.0167</value><value xid='339'>3.0181</value><value xid='340'>3.0196</value><value xid='341'>3.0210</value><value xid='342'>3.0224</value><value xid='343'>3.0239</value><value xid='344'>3.0253</value><value xid='345'>3.0268</value><value xid='346'>3.0282</value><value xid='347'>3.0297</value><value xid='348'>3.0311</value><value xid='349'>3.0326</value><value xid='350'>3.0340</value><value xid='351'>3.0354</value><value xid='352'>3.0369</value><value xid='353'>3.0383</value><value xid='354'>3.0398</value><value xid='355'>3.0412</value><value xid='356'>3.0427</value><value xid='357'>3.0441</value><value xid='358'>3.0456</value></graph></graphs></chart>"
var chartData = {
    xLabel: [],
    xLabelShow: [],
    value: []
};

$(data).find('xaxis').each(function() {
    $(this).find('value').each(function() {
        var $this = $(this);
        chartData.xLabel.push($this.text());
        if ($this.attr('show')) {
            chartData.xLabelShow.push($this.text());
        }
    });
});
$(data).find('graph:eq(0)').each(function() {
    $(this).find('value').each(function() {
        chartData['value'][$(this).attr('xid')] = $(this).text();
    })
});
console.log(chartData);
option = {
    title: {
        text: '曲线title',
        x: 'center'
    },
    tooltip: {
        show: true,
        trigger: 'axis',
        axisPointer: {
            type: 'line',
            axis: 'x'
        }
    },
    //水印
    graphic: {
        type: 'text',
        style: {
            text: 'chinamoney',
            font: '1em "Arial,Helvetica",sans-serif',
            fill: '#666'
        },
        right: '20%',
        bottom: '20%'
    },
    grid: {
        show: true,
        left: '10%',
        right: '10%'
    },
    xAxis: {
        type: 'category',
        data: chartData['xLabel'],
        name: '期限',
        nameLocation: 'end',
        boundaryGap: false,
        axisLine: {
            show: true,
            onZero: false
        },
        axisTick: {
            show: false,
            alignWidthLabel: true,
        },
        boundaryGap: true,
        //x坐标轴标签展示
        axisLabel: {
            show: true,
            interval: function(index, name) {
                if (chartData['xLabelShow'].indexOf(name) >= 0) {
                    return true;
                }
            },
            showMinLabel: true,
            showMaxLabel: true,
            align: 'center'
        },
        //x轴分割线展示
        splitLine: {
            show: true,
            interval: function(index, name) {
                if (chartData['xLabelShow'].indexOf(name) >= 0) {
                    return true;
                }
            }
        },
        scale: true
    },
    yAxis: {
        type: 'value',
        boundaryGap: false,
        //坐标轴线
        axisLine: {
            show: true,
            onZero: false
        },
        //刻度
        axisTick: {
            show: false,
            alignWidthLabel: true,
        },
        axisLabel: {
            formatter: function(value, index) {
                return value.toFixed(4);
            }
        },
        splitLine: {
            show: true
        },
        name: '%',
        nameLocation: 'end',
        //boundaryGap:true,
        scale: true, //取消从0开始

    },

    series: [{
        type: 'line',
        name: 'example',
        data: chartData['value'],
        symbol: 'none',
        connnectNulls: true,
    }]
}
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
