权限没有，则隐藏 function forum_list_access_filter($forumlist, $gid, $allow = 'allowread') { global $grouplist; if (empty($forumlist)) return array(); if (1 == $gid) return $forumlist; $forumlist_filter = $forumlist; $group = $grouplist[$gid]; foreach ($forumlist_filter as $fid => $forum) { if (empty($forum['accesson']) && empty($group[$allow]) || !empty($forum['accesson']) && empty($forum['accesslist'][$gid][$allow])) { unset($forumlist_filter[$fid]); } unset($forumlist_filter[$fid]['accesslist']); } return $forumlist_filter; } function forum_filter_moduid($moduids) { $moduids = trim($moduids); if (empty($moduids)) return ''; $arr = explode(',', $moduids); $r = array(); foreach ($arr as $_uid) { $_uid = intval($_uid); $_user = user_read($_uid); if (empty($_user)) continue; if ($_user['gid'] > 4) continue; $r[] = $_uid; } return implode(',', $r); } function forum_safe_info($forum) { //unset($forum['moduids']); return $forum; } function forum_filter($forumlist) { foreach ($forumlist as &$val) { unset($val['brief'], $val['announcement'], $val['seo_title'], $val['seo_keywords'], $val['create_date_fmt'], $val['icon_url'], $val['modlist']); } return $forumlist; } function forum_format_url($forum) { global $conf; if (0 == $forum['category']) { // 列表URL $url = url('list-' . $forum['fid'], '', FALSE); } elseif (1 == $forum['category']) { // 频道 $url = url('category-' . $forum['fid'], '', FALSE); } elseif (2 == $forum['category']) { // 单页 $url = url('read-' . trim($forum['brief']), '', FALSE); } if ($conf['url_rewrite_on'] > 1 && $forum['well_alias']) { if (0 == $forum['category'] || 1 == $forum['category']) { $url = url($forum['well_alias'], '', FALSE); } elseif (2 == $forum['category']) { // 单页 $url = ($forum['threads'] && $forum['brief']) ? url($forum['well_alias'] . '-' . trim($forum['brief']), '', FALSE) : url($forum['well_alias'], '', FALSE); } } return $url; } function well_forum_alias() { $forumlist = forum_list_cache(); if (empty($forumlist)) return ''; $key = 'forum-alias'; static $cache = array(); if (isset($cache[$key])) return $cache[$key]; $cache[$key] = array(); foreach ($forumlist as $val) { if ($val['well_alias']) $cache[$key][$val['fid']] = $val['well_alias']; } return array_flip($cache[$key]); } function well_forum_alias_cache() { global $conf; $key = 'forum-alias-cache'; static $cache = array(); // 用静态变量只能在当前 request 生命周期缓存，跨进程需要再加一层缓存：redis/memcached/xcache/apc if (isset($cache[$key])) return $cache[$key]; if ('mysql' == $conf['cache']['type']) { $arr = well_forum_alias(); } else { $arr = cache_get($key); if (NULL === $arr) { $arr = well_forum_alias(); !empty($arr) AND cache_set($key, $arr); } } $cache[$key] = empty($arr) ? '' : $arr; return $cache[$key]; } ?>javascript - Align caption vertically APEXCHARTS - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - Align caption vertically APEXCHARTS - Stack Overflow

    javascript - Align caption vertically APEXCHARTS - Stack Overflow

    programmeradmin8浏览0评论

    I built this chart using Apex charts

    But both the 'Chart' title and the caption are not aligned, the title should be aligned relative to the graph, and the vertically aligned caption.

    the title aligned so by placing the property align: 'center'

    but my main problem is in the legend, I went behind the documentation and found this mand verticalAlign: 'middle' to be used inside the ´legend:´ property.

    Does anyone know how to make this work properly?

    I built this chart using Apex charts

    But both the 'Chart' title and the caption are not aligned, the title should be aligned relative to the graph, and the vertically aligned caption.

    the title aligned so by placing the property align: 'center'

    but my main problem is in the legend, I went behind the documentation and found this mand verticalAlign: 'middle' to be used inside the ´legend:´ property.

    Does anyone know how to make this work properly?

    • javascript
    • jquery
    • html
    • css
    • apexcharts
    Share Improve this question edited Aug 2, 2019 at 19:25 Lucas asked Aug 2, 2019 at 16:40 LucasLucas 3018 silver badges37 bronze badges
    Add a ment  | 

    3 Answers 3

    Reset to default 4

    The solution for vertically aligning the legend would be:

    .apexcharts-legend {
  justify-content: center !important;
  top: 0 !important;
}

    because you have to force overwrite the default which is justify-conent: flex-start

    edit: you also need top: 0 !important to really get it centered but that might mess up your other charts

    I guess for you this answer is one year too late but maybe it's helpful for someone else.

    There is no property called verticalAlign for the legend.

    You can vertically align the legend to center with CSS

    .apexcharts-legend {
  justify-content: center;
}

    we can use the position attribute of the legend hash of apex chart.

    Set

     position: 'right'
    
      legend: {
          show: true,
          showForSingleSeries: false,
          showForNullSeries: true,
          showForZeroSeries: true,
          position: 'bottom',
          horizontalAlign: 'center', 
          floating: false,
          fontSize: '14px',
          fontFamily: 'Helvetica, Arial',
          fontWeight: 400,
          formatter: undefined,
          inverseOrder: false,
          width: undefined,
          height: undefined,
          tooltipHoverFormatter: undefined,
          customLegendItems: [],
          offsetX: 0,
          offsetY: 0,
          labels: {
              colors: undefined,
              useSeriesColors: false
          },
          markers: {
              width: 12,
              height: 12,
              strokeWidth: 0,
              strokeColor: '#fff',
              fillColors: undefined,
              radius: 12,
              customHTML: undefined,
              onClick: undefined,
              offsetX: 0,
              offsetY: 0
          },
          itemMargin: {
              horizontal: 5,
              vertical: 0
          },
          onItemClick: {
              toggleDataSeries: true
          },
          onItemHover: {
              highlightDataSeries: true
          },
      }

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论