highcharts.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890
  1. /**
  2. * @license Highcharts
  3. *
  4. * (c) 2009-2016 Torstein Honsi
  5. *
  6. * License: www.highcharts.com/license
  7. */
  8. .highcharts-container {
  9. position: relative;
  10. overflow: hidden;
  11. width: 100%;
  12. height: 100%;
  13. text-align: left;
  14. line-height: normal;
  15. z-index: 0;
  16. /* #1072 */
  17. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  18. font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  19. font-size: 12px;
  20. }
  21. .highcharts-root {
  22. display: block;
  23. }
  24. .highcharts-root text {
  25. stroke-width: 0;
  26. }
  27. .highcharts-strong {
  28. font-weight: bold;
  29. }
  30. .highcharts-emphasized {
  31. font-style: italic;
  32. }
  33. .highcharts-anchor {
  34. cursor: pointer;
  35. }
  36. .highcharts-background {
  37. fill: #ffffff;
  38. }
  39. .highcharts-plot-border, .highcharts-plot-background {
  40. fill: none;
  41. }
  42. .highcharts-label-box {
  43. fill: none;
  44. }
  45. .highcharts-button-box {
  46. fill: inherit;
  47. }
  48. .highcharts-tracker-line {
  49. stroke-linejoin: round;
  50. stroke: rgba(192, 192, 192, 0.0001);
  51. stroke-width: 22;
  52. fill: none;
  53. }
  54. .highcharts-tracker-area {
  55. fill: rgba(192, 192, 192, 0.0001);
  56. stroke-width: 0;
  57. }
  58. /* Titles */
  59. .highcharts-title {
  60. fill: #333333;
  61. font-size: 1.5em;
  62. }
  63. .highcharts-subtitle {
  64. fill: #666666;
  65. }
  66. /* Axes */
  67. .highcharts-axis-line {
  68. fill: none;
  69. stroke: #ccd6eb;
  70. }
  71. .highcharts-yaxis .highcharts-axis-line {
  72. stroke-width: 0;
  73. }
  74. .highcharts-axis-title {
  75. fill: #666666;
  76. }
  77. .highcharts-axis-labels {
  78. fill: #666666;
  79. cursor: default;
  80. font-size: 0.9em;
  81. }
  82. .highcharts-grid-line {
  83. fill: none;
  84. stroke: #e6e6e6;
  85. }
  86. .highcharts-xaxis-grid .highcharts-grid-line {
  87. stroke-width: 0px;
  88. }
  89. .highcharts-tick {
  90. stroke: #ccd6eb;
  91. }
  92. .highcharts-yaxis .highcharts-tick {
  93. stroke-width: 0;
  94. }
  95. .highcharts-minor-grid-line {
  96. stroke: #f2f2f2;
  97. }
  98. .highcharts-crosshair-thin {
  99. stroke-width: 1px;
  100. stroke: #cccccc;
  101. }
  102. .highcharts-crosshair-category {
  103. stroke: #ccd6eb;
  104. stroke-opacity: 0.25;
  105. }
  106. /* Credits */
  107. .highcharts-credits {
  108. cursor: pointer;
  109. fill: #999999;
  110. font-size: 0.7em;
  111. transition: fill 250ms, font-size 250ms;
  112. }
  113. .highcharts-credits:hover {
  114. fill: black;
  115. font-size: 1em;
  116. }
  117. /* Tooltip */
  118. .highcharts-tooltip {
  119. cursor: default;
  120. pointer-events: none;
  121. white-space: nowrap;
  122. transition: stroke 150ms;
  123. }
  124. .highcharts-tooltip text {
  125. fill: #333333;
  126. }
  127. .highcharts-tooltip .highcharts-header {
  128. font-size: 0.85em;
  129. }
  130. .highcharts-tooltip-box {
  131. stroke-width: 1px;
  132. fill: #f7f7f7;
  133. fill-opacity: 0.85;
  134. }
  135. .highcharts-tooltip-box .highcharts-label-box {
  136. fill: #f7f7f7;
  137. fill-opacity: 0.85;
  138. }
  139. .highcharts-selection-marker {
  140. fill: #335cad;
  141. fill-opacity: 0.25;
  142. }
  143. .highcharts-graph {
  144. fill: none;
  145. stroke-width: 2px;
  146. stroke-linecap: round;
  147. stroke-linejoin: round;
  148. }
  149. .highcharts-state-hover .highcharts-graph {
  150. stroke-width: 3;
  151. }
  152. .highcharts-state-hover path {
  153. transition: stroke-width 50;
  154. /* quick in */
  155. }
  156. .highcharts-state-normal path {
  157. transition: stroke-width 250ms;
  158. /* slow out */
  159. }
  160. /* Legend hover affects points and series */
  161. g.highcharts-series,
  162. .highcharts-point,
  163. .highcharts-markers,
  164. .highcharts-data-labels {
  165. transition: opacity 250ms;
  166. }
  167. .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
  168. .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  169. .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
  170. .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  171. opacity: 0.2;
  172. }
  173. /* Series options */
  174. /* Default colors */
  175. .highcharts-color-0 {
  176. fill: #7cb5ec;
  177. stroke: #7cb5ec;
  178. }
  179. .highcharts-color-1 {
  180. fill: #434348;
  181. stroke: #434348;
  182. }
  183. .highcharts-color-2 {
  184. fill: #90ed7d;
  185. stroke: #90ed7d;
  186. }
  187. .highcharts-color-3 {
  188. fill: #f7a35c;
  189. stroke: #f7a35c;
  190. }
  191. .highcharts-color-4 {
  192. fill: #8085e9;
  193. stroke: #8085e9;
  194. }
  195. .highcharts-color-5 {
  196. fill: #f15c80;
  197. stroke: #f15c80;
  198. }
  199. .highcharts-color-6 {
  200. fill: #e4d354;
  201. stroke: #e4d354;
  202. }
  203. .highcharts-color-7 {
  204. fill: #2b908f;
  205. stroke: #2b908f;
  206. }
  207. .highcharts-color-8 {
  208. fill: #f45b5b;
  209. stroke: #f45b5b;
  210. }
  211. .highcharts-color-9 {
  212. fill: #91e8e1;
  213. stroke: #91e8e1;
  214. }
  215. .highcharts-area {
  216. fill-opacity: 0.75;
  217. stroke-width: 0;
  218. }
  219. .highcharts-markers {
  220. stroke-width: 1px;
  221. stroke: #ffffff;
  222. }
  223. .highcharts-point {
  224. stroke-width: 1px;
  225. }
  226. .highcharts-dense-data .highcharts-point {
  227. stroke-width: 0;
  228. }
  229. .highcharts-data-label {
  230. font-size: 0.9em;
  231. font-weight: bold;
  232. }
  233. .highcharts-data-label-box {
  234. fill: none;
  235. stroke-width: 0;
  236. }
  237. .highcharts-data-label text, text.highcharts-data-label {
  238. fill: #333333;
  239. }
  240. .highcharts-data-label-connector {
  241. fill: none;
  242. }
  243. .highcharts-halo {
  244. fill-opacity: 0.25;
  245. stroke-width: 0;
  246. }
  247. .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
  248. .highcharts-markers .highcharts-point-select {
  249. fill: #cccccc;
  250. stroke: #000000;
  251. }
  252. .highcharts-column-series rect.highcharts-point {
  253. stroke: #ffffff;
  254. }
  255. .highcharts-column-series .highcharts-point {
  256. transition: fill-opacity 250ms;
  257. }
  258. .highcharts-column-series .highcharts-point-hover {
  259. fill-opacity: 0.75;
  260. transition: fill-opacity 50ms;
  261. }
  262. .highcharts-pie-series .highcharts-point {
  263. stroke-linejoin: round;
  264. stroke: #ffffff;
  265. }
  266. .highcharts-pie-series .highcharts-point-hover {
  267. fill-opacity: 0.75;
  268. transition: fill-opacity 50ms;
  269. }
  270. .highcharts-funnel-series .highcharts-point {
  271. stroke-linejoin: round;
  272. stroke: #ffffff;
  273. }
  274. .highcharts-funnel-series .highcharts-point-hover {
  275. fill-opacity: 0.75;
  276. transition: fill-opacity 50ms;
  277. }
  278. .highcharts-funnel-series .highcharts-point-select {
  279. fill: inherit;
  280. stroke: inherit;
  281. }
  282. .highcharts-pyramid-series .highcharts-point {
  283. stroke-linejoin: round;
  284. stroke: #ffffff;
  285. }
  286. .highcharts-pyramid-series .highcharts-point-hover {
  287. fill-opacity: 0.75;
  288. transition: fill-opacity 50ms;
  289. }
  290. .highcharts-pyramid-series .highcharts-point-select {
  291. fill: inherit;
  292. stroke: inherit;
  293. }
  294. .highcharts-solidgauge-series .highcharts-point {
  295. stroke-width: 0;
  296. }
  297. .highcharts-treemap-series .highcharts-point {
  298. stroke-width: 1px;
  299. stroke: #e6e6e6;
  300. transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
  301. }
  302. .highcharts-treemap-series .highcharts-point-hover {
  303. stroke: #999999;
  304. transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
  305. }
  306. .highcharts-treemap-series .highcharts-above-level {
  307. display: none;
  308. }
  309. .highcharts-treemap-series .highcharts-internal-node {
  310. fill: none;
  311. }
  312. .highcharts-treemap-series .highcharts-internal-node-interactive {
  313. fill-opacity: 0.15;
  314. cursor: pointer;
  315. }
  316. .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  317. fill-opacity: 0.75;
  318. }
  319. /* Legend */
  320. .highcharts-legend-box {
  321. fill: none;
  322. stroke-width: 0;
  323. }
  324. .highcharts-legend-item > text {
  325. fill: #333333;
  326. font-weight: bold;
  327. font-size: 1em;
  328. cursor: pointer;
  329. stroke-width: 0;
  330. }
  331. .highcharts-legend-item:hover text {
  332. fill: #000000;
  333. }
  334. .highcharts-legend-item-hidden * {
  335. fill: #cccccc !important;
  336. stroke: #cccccc !important;
  337. transition: fill 250ms;
  338. }
  339. .highcharts-legend-nav-active {
  340. fill: #003399;
  341. cursor: pointer;
  342. }
  343. .highcharts-legend-nav-inactive {
  344. fill: #cccccc;
  345. }
  346. .highcharts-legend-title-box {
  347. fill: none;
  348. stroke-width: 0;
  349. }
  350. /* Bubble legend */
  351. .highcharts-bubble-legend-symbol {
  352. stroke-width: 2;
  353. fill-opacity: 0.5;
  354. }
  355. .highcharts-bubble-legend-connectors {
  356. stroke-width: 1;
  357. }
  358. .highcharts-bubble-legend-labels {
  359. fill: #333333;
  360. }
  361. /* Loading */
  362. .highcharts-loading {
  363. position: absolute;
  364. background-color: #ffffff;
  365. opacity: 0.5;
  366. text-align: center;
  367. z-index: 10;
  368. transition: opacity 250ms;
  369. }
  370. .highcharts-loading-hidden {
  371. height: 0 !important;
  372. opacity: 0;
  373. overflow: hidden;
  374. transition: opacity 250ms, height 250ms step-end;
  375. }
  376. .highcharts-loading-inner {
  377. font-weight: bold;
  378. position: relative;
  379. top: 45%;
  380. }
  381. /* Plot bands and polar pane backgrounds */
  382. .highcharts-plot-band, .highcharts-pane {
  383. fill: #000000;
  384. fill-opacity: 0.05;
  385. }
  386. .highcharts-plot-line {
  387. fill: none;
  388. stroke: #999999;
  389. stroke-width: 1px;
  390. }
  391. /* Highcharts More and modules */
  392. .highcharts-boxplot-box {
  393. fill: #ffffff;
  394. }
  395. .highcharts-boxplot-median {
  396. stroke-width: 2px;
  397. }
  398. .highcharts-bubble-series .highcharts-point {
  399. fill-opacity: 0.5;
  400. }
  401. .highcharts-errorbar-series .highcharts-point {
  402. stroke: #000000;
  403. }
  404. .highcharts-gauge-series .highcharts-data-label-box {
  405. stroke: #cccccc;
  406. stroke-width: 1px;
  407. }
  408. .highcharts-gauge-series .highcharts-dial {
  409. fill: #000000;
  410. stroke-width: 0;
  411. }
  412. .highcharts-polygon-series .highcharts-graph {
  413. fill: inherit;
  414. stroke-width: 0;
  415. }
  416. .highcharts-waterfall-series .highcharts-graph {
  417. stroke: #333333;
  418. stroke-dasharray: 1, 3;
  419. }
  420. .highcharts-sankey-series .highcharts-point {
  421. stroke-width: 0;
  422. }
  423. .highcharts-sankey-series .highcharts-link {
  424. transition: fill 250ms, fill-opacity 250ms;
  425. fill-opacity: 0.5;
  426. }
  427. .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  428. transition: fill 50ms, fill-opacity 50ms;
  429. fill-opacity: 1;
  430. }
  431. .highcharts-venn-series .highcharts-point {
  432. fill-opacity: 0.75;
  433. stroke: #cccccc;
  434. transition: stroke 250ms, fill-opacity 250ms;
  435. }
  436. .highcharts-venn-series .highcharts-point-hover {
  437. fill-opacity: 1;
  438. stroke: #cccccc;
  439. }
  440. /* Highstock */
  441. .highcharts-navigator-mask-outside {
  442. fill-opacity: 0;
  443. }
  444. .highcharts-navigator-mask-inside {
  445. fill: #6685c2;
  446. /* navigator.maskFill option */
  447. fill-opacity: 0.25;
  448. cursor: ew-resize;
  449. }
  450. .highcharts-navigator-outline {
  451. stroke: #cccccc;
  452. fill: none;
  453. }
  454. .highcharts-navigator-handle {
  455. stroke: #cccccc;
  456. fill: #f2f2f2;
  457. cursor: ew-resize;
  458. }
  459. .highcharts-navigator-series {
  460. fill: #335cad;
  461. stroke: #335cad;
  462. }
  463. .highcharts-navigator-series .highcharts-graph {
  464. stroke-width: 1px;
  465. }
  466. .highcharts-navigator-series .highcharts-area {
  467. fill-opacity: 0.05;
  468. }
  469. .highcharts-navigator-xaxis .highcharts-axis-line {
  470. stroke-width: 0;
  471. }
  472. .highcharts-navigator-xaxis .highcharts-grid-line {
  473. stroke-width: 1px;
  474. stroke: #e6e6e6;
  475. }
  476. .highcharts-navigator-xaxis.highcharts-axis-labels {
  477. fill: #999999;
  478. }
  479. .highcharts-navigator-yaxis .highcharts-grid-line {
  480. stroke-width: 0;
  481. }
  482. .highcharts-scrollbar-thumb {
  483. fill: #cccccc;
  484. stroke: #cccccc;
  485. stroke-width: 1px;
  486. }
  487. .highcharts-scrollbar-button {
  488. fill: #e6e6e6;
  489. stroke: #cccccc;
  490. stroke-width: 1px;
  491. }
  492. .highcharts-scrollbar-arrow {
  493. fill: #666666;
  494. }
  495. .highcharts-scrollbar-rifles {
  496. stroke: #666666;
  497. stroke-width: 1px;
  498. }
  499. .highcharts-scrollbar-track {
  500. fill: #f2f2f2;
  501. stroke: #f2f2f2;
  502. stroke-width: 1px;
  503. }
  504. .highcharts-button {
  505. fill: #f7f7f7;
  506. stroke: #cccccc;
  507. cursor: default;
  508. stroke-width: 1px;
  509. transition: fill 250ms;
  510. }
  511. .highcharts-button text {
  512. fill: #333333;
  513. }
  514. .highcharts-button-hover {
  515. transition: fill 0ms;
  516. fill: #e6e6e6;
  517. stroke: #cccccc;
  518. }
  519. .highcharts-button-hover text {
  520. fill: #333333;
  521. }
  522. .highcharts-button-pressed {
  523. font-weight: bold;
  524. fill: #e6ebf5;
  525. stroke: #cccccc;
  526. }
  527. .highcharts-button-pressed text {
  528. fill: #333333;
  529. font-weight: bold;
  530. }
  531. .highcharts-button-disabled text {
  532. fill: #333333;
  533. }
  534. .highcharts-range-selector-buttons .highcharts-button {
  535. stroke-width: 0px;
  536. }
  537. .highcharts-range-label rect {
  538. fill: none;
  539. }
  540. .highcharts-range-label text {
  541. fill: #666666;
  542. }
  543. .highcharts-range-input rect {
  544. fill: none;
  545. }
  546. .highcharts-range-input text {
  547. fill: #333333;
  548. }
  549. .highcharts-range-input {
  550. stroke-width: 1px;
  551. stroke: #cccccc;
  552. }
  553. input.highcharts-range-selector {
  554. position: absolute;
  555. border: 0;
  556. width: 1px;
  557. /* Chrome needs a pixel to see it */
  558. height: 1px;
  559. padding: 0;
  560. text-align: center;
  561. left: -9em;
  562. /* #4798 */
  563. }
  564. .highcharts-crosshair-label text {
  565. fill: #ffffff;
  566. font-size: 1.1em;
  567. }
  568. .highcharts-crosshair-label .highcharts-label-box {
  569. fill: inherit;
  570. }
  571. .highcharts-candlestick-series .highcharts-point {
  572. stroke: #000000;
  573. stroke-width: 1px;
  574. }
  575. .highcharts-candlestick-series .highcharts-point-up {
  576. fill: #ffffff;
  577. }
  578. .highcharts-ohlc-series .highcharts-point-hover {
  579. stroke-width: 3px;
  580. }
  581. .highcharts-flags-series .highcharts-point .highcharts-label-box {
  582. stroke: #999999;
  583. fill: #ffffff;
  584. transition: fill 250ms;
  585. }
  586. .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  587. stroke: #000000;
  588. fill: #ccd6eb;
  589. }
  590. .highcharts-flags-series .highcharts-point text {
  591. fill: #000000;
  592. font-size: 0.9em;
  593. font-weight: bold;
  594. }
  595. /* Highmaps */
  596. .highcharts-map-series .highcharts-point {
  597. transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  598. stroke: #cccccc;
  599. }
  600. .highcharts-map-series .highcharts-point-hover {
  601. transition: fill 0ms, fill-opacity 0ms;
  602. fill-opacity: 0.5;
  603. stroke-width: 2px;
  604. }
  605. .highcharts-mapline-series .highcharts-point {
  606. fill: none;
  607. }
  608. .highcharts-heatmap-series .highcharts-point {
  609. stroke-width: 0;
  610. }
  611. .highcharts-map-navigation {
  612. font-size: 1.3em;
  613. font-weight: bold;
  614. text-align: center;
  615. }
  616. .highcharts-coloraxis {
  617. stroke-width: 0;
  618. }
  619. .highcharts-coloraxis-marker {
  620. fill: #999999;
  621. }
  622. .highcharts-null-point {
  623. fill: #f7f7f7;
  624. }
  625. /* 3d charts */
  626. .highcharts-3d-frame {
  627. fill: transparent;
  628. }
  629. /* Exporting module */
  630. .highcharts-contextbutton {
  631. fill: #ffffff;
  632. /* needed to capture hover */
  633. stroke: none;
  634. stroke-linecap: round;
  635. }
  636. .highcharts-contextbutton:hover {
  637. fill: #e6e6e6;
  638. stroke: #e6e6e6;
  639. }
  640. .highcharts-button-symbol {
  641. stroke: #666666;
  642. stroke-width: 3px;
  643. }
  644. .highcharts-menu {
  645. border: 1px solid #999999;
  646. background: #ffffff;
  647. padding: 5px 0;
  648. box-shadow: 3px 3px 10px #888;
  649. }
  650. .highcharts-menu-item {
  651. padding: 0.5em 1em;
  652. background: none;
  653. color: #333333;
  654. cursor: pointer;
  655. transition: background 250ms, color 250ms;
  656. }
  657. .highcharts-menu-item:hover {
  658. background: #335cad;
  659. color: #ffffff;
  660. }
  661. /* Drilldown module */
  662. .highcharts-drilldown-point {
  663. cursor: pointer;
  664. }
  665. .highcharts-drilldown-data-label text,
  666. text.highcharts-drilldown-data-label,
  667. .highcharts-drilldown-axis-label {
  668. cursor: pointer;
  669. fill: #003399;
  670. font-weight: bold;
  671. text-decoration: underline;
  672. }
  673. /* No-data module */
  674. .highcharts-no-data text {
  675. font-weight: bold;
  676. font-size: 12px;
  677. fill: #666666;
  678. }
  679. /* Drag-panes module */
  680. .highcharts-axis-resizer {
  681. cursor: ns-resize;
  682. stroke: black;
  683. stroke-width: 2px;
  684. }
  685. /* Bullet type series */
  686. .highcharts-bullet-target {
  687. stroke-width: 0;
  688. }
  689. /* Lineargauge type series */
  690. .highcharts-lineargauge-target {
  691. stroke-width: 1px;
  692. stroke: #333333;
  693. }
  694. .highcharts-lineargauge-target-line {
  695. stroke-width: 1px;
  696. stroke: #333333;
  697. }
  698. /* Annotations module */
  699. .highcharts-annotation-label-box {
  700. stroke-width: 1px;
  701. stroke: #000000;
  702. fill: #000000;
  703. fill-opacity: 0.75;
  704. }
  705. .highcharts-annotation-label text {
  706. fill: #e6e6e6;
  707. }
  708. /* Gantt */
  709. .highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  710. cursor: pointer;
  711. }
  712. .highcharts-point-connecting-path {
  713. fill: none;
  714. }
  715. .highcharts-grid-axis .highcharts-tick {
  716. stroke-width: 1px;
  717. }
  718. .highcharts-grid-axis .highcharts-axis-line {
  719. stroke-width: 1px;
  720. }