如何解决Apex Charts Line 添加点击每个条形的不同 URL
我们在 worpress 项目中使用 ApexCharts。 每个自定义帖子类型“项目”都有一个开始日期和一个结束日期。 我们使用循环 wordpress 创建每个系列和数据。
一切正常...但我们现在需要有可能点击每个栏以获取详细信息页面(自定义网址)
我们添加了一个新变量“lineUrl”。 我如何在事件中传递这个变量:
if ( $query->have_posts() ) {
while ( $query->have_posts() ) : $query->the_post();
$projectName = get_the_title( );
$projectStart = get_field('projet-start-date');
$projectEnd = get_field('projet-end-date');
?>
{
x: '<?PHP echo $projectName; ?>',y: [
new Date('<?PHP echo $projectStart; ?>').getTime(),new Date('<?PHP echo $projectEnd; ?>').getTime()
],lineUrl: 'https://customurl.com/project01/'
},<?PHP
endwhile;
wp_reset_postdata();
?>
对于动作/事件
events: {
dataPointSelection: function(event,chartContext,config) {
return document.location.href = lineUrl;
}
}
现在 var lineUrl 没有通过。 如果我们用硬编码的 url 替换 var ......所有条都被链接但都在同一个 URL
events: {
dataPointSelection: function(event,config) {
return document.location.href = 'https://apexcharts.com/';
}
}
有什么想法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。