lineStyle.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. var makeStyleMapper = require("./makeStyleMapper");
  20. /*
  21. * Licensed to the Apache Software Foundation (ASF) under one
  22. * or more contributor license agreements. See the NOTICE file
  23. * distributed with this work for additional information
  24. * regarding copyright ownership. The ASF licenses this file
  25. * to you under the Apache License, Version 2.0 (the
  26. * "License"); you may not use this file except in compliance
  27. * with the License. You may obtain a copy of the License at
  28. *
  29. * http://www.apache.org/licenses/LICENSE-2.0
  30. *
  31. * Unless required by applicable law or agreed to in writing,
  32. * software distributed under the License is distributed on an
  33. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  34. * KIND, either express or implied. See the License for the
  35. * specific language governing permissions and limitations
  36. * under the License.
  37. */
  38. var getLineStyle = makeStyleMapper([['lineWidth', 'width'], ['stroke', 'color'], ['opacity'], ['shadowBlur'], ['shadowOffsetX'], ['shadowOffsetY'], ['shadowColor']]);
  39. var _default = {
  40. getLineStyle: function (excludes) {
  41. var style = getLineStyle(this, excludes); // Always set lineDash whether dashed, otherwise we can not
  42. // erase the previous style when assigning to el.style.
  43. style.lineDash = this.getLineDash(style.lineWidth);
  44. return style;
  45. },
  46. getLineDash: function (lineWidth) {
  47. if (lineWidth == null) {
  48. lineWidth = 1;
  49. }
  50. var lineType = this.get('type');
  51. var dotSize = Math.max(lineWidth, 2);
  52. var dashSize = lineWidth * 4;
  53. return lineType === 'solid' || lineType == null ? // Use `false` but not `null` for the solid line here, because `null` might be
  54. // ignored when assigning to `el.style`. e.g., when setting `lineStyle.type` as
  55. // `'dashed'` and `emphasis.lineStyle.type` as `'solid'` in graph series, the
  56. // `lineDash` gotten form the latter one is not able to erase that from the former
  57. // one if using `null` here according to the emhpsis strategy in `util/graphic.js`.
  58. false : lineType === 'dashed' ? [dashSize, dashSize] : [dotSize, dotSize];
  59. }
  60. };
  61. module.exports = _default;